English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

jQuery event.stopPropagation() メソッド

jQuery イベント

event.stopPropagation() メソッドを使用して、イベントのバブルが親要素にまで伝播されないようにし、親のイベントハンドラを阻止します。

使用event.isPropagationStopped()メソッドを使用して、(イベントオブジェクト上で)このメソッドが以前に呼び出されたかどうかを確認できます。

私たちのJavaScript イベント伝播イベントの伝播に関する詳細は、チュートリアルで学びます。

文法:

event.stopPropagation()

以下の例では、子要素をクリックしても、親要素上の click イベントリスナーは実行されません:

$("div, p, a").click(function(){
  event.stopPropagation();
  alert("あなたがクリックしたのは: " + this.tagName);
});
テストをしてみる‹/›

パラメータの値

パラメータ説明
eventこのイベントのパラメータはイベントバインディング機能から来ています

jQuery イベント