javascript - jQuery - 同じボタンに対する複数のイベントリスナー

Question

ID付きのボタンがあるとします：

<input id='someButton' />

このボタンにイベントリスナーをアタッチします。

$('#form').on('click', '#someButton', function() { 
   alert("My listener called");

});

しかし、私が知らないうちに、誰かが以前にこのまったく同じボタンのイベントリスナーを作成しました。

$('#form').on('click', '#someButton', function() { 
   alert("Some other listener called"); 
});

上記と同じことを効果的に行うコードに遭遇しましたが、最初に登録されたリスナーが使用されているようです。jQuery が常に特定の ID に登録された最初のイベントリスナー (およびそのリスナーのみ) を呼び出すと仮定するのは正しいですか?

score 7 · Accepted Answer

正しくない。jQuery は、要素にバインドされたすべてのイベントリスナーを、バインドされた順序で呼び出します。

既存のイベントハンドラーを削除するには、次を使用します.off()。

$('#form').off('click'); // click event handler(s) removed
$('#form').off(); // all event handler(s) removed

ただし、祖先の DOM 要素から委任されたイベントは、この方法では削除されないことに注意してください。

score 0 · Accepted Answer

マウスダウンを使用できます：

$('#form').on('mousedown', '#someButton', function() { 
    alert("My listener called"); 
});

この助けを願っています。

javascript - jQuery - 同じボタンに対する複数のイベント リスナー