jquery - 1つの要素に関連付けられた2つのクリックイベント

Question

内部にimgタグがあるアンカータグがあります。imgをクリックすると、イベントが発生します。ただし、アンカータグにタグ付けされた別のクリックイベントもあるので、imgクリックでのアンカークリックでのクリックイベントを防ぐにはどうすればよいですか？

<a class="rfi btn btn-inverse"><img class="delete"/></a>

私のクリックイベントはjqueryを使用して行われます。

score 2 · Accepted Answer

画像のクリックが泡立ち、その親のクリックハンドラーがトリガーされるのを停止します。

$("img").on("click", function (e) {
    e.stopPropagation();
});

score 1 · Accepted Answer

imgこれを行うには、からへの「伝播」（バブリング）をaを介して停止しEvent#stopPropagationます。そう：

$("selector for your img elements").click(function(e) {
    e.stopPropagation();

    // -- Your img click code here --
});

(return falseイベントハンドラーからも実行されますが、デフォルトのアクションもclick防止されます。注意してください、要素にはデフォルトのアクションがないimgため、この場合は問題ありません。)

score 1 · Accepted Answer

これを試して：

$("your img selector").click(function (event) {
    event.stopPropagation();
});

3 に答える 3