Event: bubbles プロパティ

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2021.

bubblesEvent インターフェイスの読み取り専用プロパティで、イベントが DOM ツリーをバブリングするかしないかを示します。

メモ: バブリングについての詳細は、イベントのバブリングとキャプチャを参照してください。

論理値で、このイベントが DOM ツリーをバブリングするのであれば true です。

js
function handleInput(e) {
  // バブリングするイベントを渡すかどうかをチェック
  if (!e.bubbles) {
    passItOn(e);
  }

  // 既にバブリングした
  doOutput(e);
}

仕様書

Specification
DOM Standard
# ref-for-dom-event-bubbles③

ブラウザーの互換性

BCD tables only load in the browser

関連情報

  • stopPropagation() はイベントのバブリングを停止します
  • stopImmediatePropagation() は同じイベントが DOM 内の同じ水準で他のリスナーを呼び出すことを抑止します
  • preventDefault() は拡散を続けることを許可しますが、ブラウザーがイベントを扱うためのリスナーがない既定のアクションを実行することを許可しません