做一些不可动摇的事情2秒钟

Question

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

那么有没有什么方法可以阻止元素在2秒内触发？

Answer 1

在timeout

中使用hover

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

Answer 2

鼠标悬停项目时，您只需要使用超时。我还为超时添加了一种方法，如果他们离开该项目就不会清除自己（不确定你是否想要这个功能）

jsFiddle Demo

var hoverTimeout;

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