javascript - 让某物无法悬停 2 秒

Question

我有一个在元素悬停时触发的 addClass 函数我想要做的是在您单击元素时删除该类。但是，当您单击它时，它会自动再次添加该类，因为它是悬停的（这就是您添加此类的方式）。

那么有什么方法可以阻止元素悬停触发 2 秒？

Answer 1

timeout在你的内部使用hover

.hover(function() {
    setTimeout(function() { 
        //code that takes place after 2 seconds 
    }, 2000);
}, ...

Answer 2

当您将鼠标悬停在项目上时，您只需要使用超时。我还添加了一种方法，让超时在他们离开项目时自行清除（不确定您是否想要该功能）

jsFiddle 演示

var hoverTimeout;

$('.yourItem').on({
    'mouseover' : function() {
        hoverTimeout = setTimeout(function() { 
            // do whatever
        }, 2000);
    },
    'mouseout' : function () {
        clearTimeout(hoverTimeout);
    }    
});