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