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

Question

我有一个悬停事件附加到一些链接，当你翻过它时会出现一个框。

是否有一种方法可以使鼠标悬停事件仅在鼠标超过链接超过500毫秒时触发？因此，目前只要鼠标越过链接就会出现该框，但我希望它只在鼠标已超过500毫秒或更长时间时出现。

Answer 1

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

Answer 2

这是一个很棒的jQuery插件，可以帮助您确定鼠标移动是否适合启动操作。 它被称为hoverIntent