如何在特定时间后激活onmouseover？

Question

如何定义onmouseover功能的特定持续时间？

例如，在元素悬停500ms后，onmouseover开始运行（因此，如果用户不会超过500ms，则onmouseover不会运行）。

就我而言，我想申请一项活动（Universal Analytics） 如果用户停留超过500毫秒，则会激活该元素。

<img class="element" src="images/example.gif" onmouseover="ga('send', 'event', 'title');"/>

感谢。

Answer 1

您可以使用超时方法在给定时间后发送事件。

<img class="element" src="images/example.gif" onmouseover="setTimeout(function(){ga('send', 'event', 'title');},1000)"/>

Answer 2

如果可以避免，请不要通过HTML onclick调用函数。使用jQuery添加事件侦听器。见http://www.quirksmode.org/js/events_early.html

$('element').on('onmouseover', function(){

    setTimeout(function() {
      ga('send','event','title');
    }, 500);
}