js STUDIO

.bubbles

DOMを通してのバブルアップのイベント伝搬か否かを調べます。

文法 

event.bubbles

バブルアップ伝搬であれば、trueを返します。 

var bool = event.bubbles;

boolにはtrueまたはfalseが格納され、イベントがバブルアップに依るものなのか否かを知ることが出来ます。

例

特定のイベントだけが、バブル可能です。 バブルするイベントでは、このプロパティがtrueに設定されます。 イベントがバブル可能か否かを調べる際に、このプロパティを使用することが出来ます。 

function goInput(e) {
  // バブルアップ伝搬なのかを調べ、
  if (!e.bubbles) {
     // そうでなければ、それに沿ったイベントを通します
     passItOn(e);
  }
  // 常にバブリング
  doOutput(e)
}

 Back to top

© 2017 Mozilla Contributors
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.

このページは、ページトップのURL先のMozilla Developer Network(以下、MDN)のコンテンツを翻訳した内容を基に構成されています。 構成について異なる点も含まれますので、下記の項目を確認し、必要に応じて元のコンテンツをご確認ください。 もし、誤訳などの間違いを見つけましたら、 @tomofまで教えていただければ幸いです。

  • 特定のブラウザに特化しすぎている情報やあまりにも古い情報、 または試験的に導入されているようなAPIや機能については、省略していることがあります。
  • 例やデモについて、実際にページ内で動作させる関係で一部ソースコードを変更している場合や、 その例で使用しているコンテンツの単語や文章などを日本人向けに変更しいてる場合があります。
  • MDNの更新頻度が高いため、元のコンテンツと比べ情報が古くなっている可能性があります。
  • "訳注:"などの断わりを入れた上で、日本人向けの情報の追記を行っている事があります。