单击按钮时jquery终止悬停规则

Question

我有 2 个 jquery 事件。

$('#thebutton').click( 

还有......

$('#thebutton').hover( 

显然，一旦您将鼠标悬停在按钮上，悬停事件就会激活。一旦您单击按钮，我希望触发该事件，以便我可以操作该按钮，但也可以终止 mouseoff 事件，以便保留更改。

或者当我正要提交时，点击事件应该在悬停内吗？如果是这样，我猜你仍然需要杀死 mouseoff....

谢谢

Answer 1

我假设您希望在单击按钮时停止在悬停时执行 mouseleave 。

也许你可以使用一个简单的 bool 值来检查它是否点击了..

var isClicked = false;
$('#thebutton').click(function () {
    isClicked = true;
    //Your code
});

$('#thebutton').hover(function () { //mouseenter
    isClicked = false;
    //Your code
}, function() { //mouseleave
    if (isClicked) return false;
    //Your code
});