備忘録的プログラミングリファレンス

stopPropagation() メソッド

Event.stopPropagation()

 stopPropagation() メソッドは、親エレメントへのイベントのバブリングをキャンセルする Event インターフェイスのメソッドです。
 キャンセルされるのは親エレメントへのバブリング機能のみです。 エレメントのもつデフォルトの機能、送信、リンクをたどるといった機能は動きます。 また stopPropagation() メソッド以降のコードも実行されます。

stopPropagation() メソッド
document.getElementById("example").addEventListener("click", (event) => {
         event.stopPropagation();
}, false);
詳しくはExampleを参照してください

 エレメントのもつデフォルトの機能、送信、リンクをたどるといった機能をキャンセルするには preventDefault() メソッドを使用します。

ページ内 Index

Syntax

event.stopPropagation();

引数(Parameter Values)

引数はないです。

返り値(Return Values)

返り値はないです。

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。