内部にimgタグがあるアンカータグがあります。imgをクリックすると、イベントが発生します。ただし、アンカータグにタグ付けされた別のクリックイベントもあるので、imgクリックでのアンカークリックでのクリックイベントを防ぐにはどうすればよいですか?
<a class="rfi btn btn-inverse"><img class="delete"/></a>
私のクリックイベントはjqueryを使用して行われます。
内部にimgタグがあるアンカータグがあります。imgをクリックすると、イベントが発生します。ただし、アンカータグにタグ付けされた別のクリックイベントもあるので、imgクリックでのアンカークリックでのクリックイベントを防ぐにはどうすればよいですか?
<a class="rfi btn btn-inverse"><img class="delete"/></a>
私のクリックイベントはjqueryを使用して行われます。
画像のクリックが泡立ち、その親のクリック ハンドラーがトリガーされるのを停止します。
$("img").on("click", function (e) {
e.stopPropagation();
});
img
これを行うには、 からへの「伝播」(バブリング)をa
を介して停止しEvent#stopPropagation
ます。そう:
$("selector for your img elements").click(function(e) {
e.stopPropagation();
// -- Your img click code here --
});
(return false
イベントハンドラーからも実行されますが、デフォルトのアクションもclick
防止されます。注意してください、要素にはデフォルトのアクションがないimg
ため、この場合は問題ありません。)
これを試して:
$("your img selector").click(function (event) {
event.stopPropagation();
});