jQuery时间鼠标在元素上(hover)

我有一个hover事件附加到几个链接,当你翻过它时会出现一个框。

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

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

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