Question

我有2个jquery事件。

$('#thebutton').click(

和.....

$('#thebutton').hover(

显然，一旦您将鼠标悬停在按钮上，悬停事件就会激活。一旦你点击按钮，我想要触发该事件，这样我就可以操作按钮，但也可以杀死鼠标移动事件，以便保持更改。

或者正如我即将提交的那样，点击事件应该在悬停内吗？如果是这样的话，你仍然需要杀死我猜测的鼠标....

由于

Answer 1

然后你不会使用hover()，你会使用mouseover()

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


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

Answer 2

当您单击按钮时，这将触发'mouseleave'事件...假设您希望执行相关的功能：

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

Answer 3

如果单击该按钮，我假设您想要在悬停中停止执行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
});

单击按钮时jquery kill hover规则

3 个答案: