jquery - 单击按钮时jquery杀死悬停规则

Question

我有 2 个 jquery 事件。

$('#thebutton').click( 

和.....

$('#thebutton').hover( 

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

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

谢谢

Answer 1

当您单击按钮时，这将触发“mouseleave”事件......假设您希望执行关联的函数：

$('#thebutton').click(function(){
   $(this).trigger('mouseleave');
});

Answer 2

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

可能你可以使用一个简单的布尔值来检查它是否点击了..

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
});

Answer 3

那么你不会使用hover()，你会使用mouseover()

   $('#thebutton').mouseover(function(){
        // do your mouse over here
   });


   $('#thebutton').click(function(){
       // do your click code here
    });