jQuery Time 鼠标悬停在元素上（悬停）

Posted 2023-05-08

【中文标题】jQuery Time 鼠标悬停在元素上（悬停）

【英文标题】：jQuery Time mouse is over element (Hover)

【发布时间】：2011-06-02 04:16:42

【问题描述】：

我在几个链接上附加了一个悬停事件，当你越过它时会出现一个框。

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

【参考方案1】：

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

【参考方案2】：

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