jQuery时间鼠标悬停在元素上（悬停）

Question

我有几个链接上附加了hover事件，当你悬停在上面时会出现一个框。是否有办法只触发悬停事件，只有当鼠标已经悬停在链接上500毫秒以上时才会触发？目前情况是只要鼠标悬停在链接上，框就会出现，但我希望只有鼠标悬停在链接上500毫秒或更长时间才会出现。

- Ozzy

Answer 1

var myTimeout;
$('#mylink').mouseenter(function() {
    myTimeout = setTimeout(function() {
        //do stuff
    }, 500);
}).mouseleave(function() {
    clearTimeout(myTimeout);
});

- Thomas

Answer 2

以下是一个很棒的jQuery插件，它可以帮助你判断鼠标移动是否适合触发某个操作。这个插件叫做hoverIntent。

- EnGassa