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

Question

如何定义 onmouseover 函数的特定持续时间？

例如，在元素悬停 500 毫秒后，onmouseover 开始运行(因此，如果用户停留时间不超过 500 毫秒，onmouseover 不会运行)。

就我而言，我想应用一个事件(Universal Analytics)。
如果用户悬停在元素上的时间超过 500 毫秒，该事件将被激活。

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

谢谢。

Answer 1

如果可以避免的话，不要从 HTML onclick 调用函数。使用 jQuery 添加事件监听器。请参阅http://www.quirksmode.org/js/events_early.html

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

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