jquery - ボタンがクリックされたときのjquery killホバールール

Question

2 つの jquery イベントがあります。

$('#thebutton').click( 

と.....

$('#thebutton').hover( 

明らかに、ボタンにカーソルを合わせると、ホバー イベントがアクティブになります。ボタンをクリックすると、そのイベントが発生してボタンを操作できるようになりますが、変更が保持されるように mouseoff イベントも強制終了します。

または、送信しようとしているときに、クリックイベントをホバー内に配置する必要がありますか? もしそうなら、あなたはまだマウスオフを殺す必要があると思います....

ありがとう

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