The Event.cancelBubble property は過去の経緯上、Event.stopPropagation()の別名です。トリガーとしたevent handlerから終了する前に、これにtrueに設定すると、発生イベントを親要素に伝播(propagation)させません。

文法

event.cancelBubble = bool;
var bool = event.cancelBubble;

使用例

elem.onclick = function(e) {
 // do cool things here
  e.cancelBubble = true;
}

詳細情報

詳細 ステータス 備考
DOM
cancellBubble の定義
現行の標準  

ブラウザ 互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

特徴 Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support (有) 53 (53)[1] (有) (有) (有)
特徴 Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support (有) 53 (53)[1] (有) (有) (有)

[1] Firefox 52以前で、このpropertyはUIEvent interfaceで定義されていました。 さらなる詳細はこちら バグ 1298970を見てください。

ドキュメントのタグと貢献者

 このページの貢献者: tanaka.toshiyuki, naturallucky
 最終更新者: tanaka.toshiyuki,