---
title: Event.bubbles
slug: Web/API/Event/bubbles
tags:
  - API
  - Bubbling
  - DOM
  - DOM Events
  - Event
  - Event Handling
  - Propagation
  - Property
  - Read-only
  - Reference
  - bubbles
  - プロパティ
  - 読取専用
translation_of: Web/API/Event/bubbles
---
<div>{{ ApiRef("DOM") }}</div>

<p><code><strong>bubbles</strong></code> は {{domxref("Event")}} インターフェイスの読み取り専用プロパティで、イベントが DOM をバブリングするかしないかを示します。</p>

<div class="note">
<p><strong>メモ</strong>: バブリングについての詳細は、<a href="/ja/docs/Learn/JavaScript/Building_blocks/Events#Event_bubbling_and_capture">イベントのバブリングとキャプチャ</a>を参照してください。</p>
</div>

<h2 id="Syntax" name="Syntax">構文</h2>

<pre class="brush: js">var <em>doesItBubble</em> = <em>event</em>.bubbles;</pre>

<h3 id="Value" name="Value">値</h3>

<p><code>bool</code> は<code>true</code> か <code>false</code>であり、イベントがバブリングするものかどうかを示しています。</p>

<h2 id="Example" name="Example">例</h2>

<pre class="brush: js">function handleInput(e) {
  // Checks whether the event bubbles and ...
  if (!e.bubbles) {
    // ... passes the event along if does not
    passItOn(e);
  }

  // Already bubbling
  doOutput(e);
}
</pre>

<div class="note">
<p><strong>メモ</strong>: 一部のイベントだけがバブリングします。バブリングするイベントでは、このプロパティが <code>true</code> に設定されています。イベントがバブリングするかどうかを確認するためにこのプロパティを使用することができます。</p>
</div>

<h2 id="Specifications" name="Specifications">仕様書</h2>

<table class="standard-table">
 <thead>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">状態</th>
   <th scope="col">備考</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td>{{SpecName('DOM WHATWG', '#dom-event-bubbles', 'Event.bubbles')}}</td>
   <td>{{ Spec2('DOM WHATWG') }}</td>
   <td></td>
  </tr>
  <tr>
   <td>{{SpecName('DOM2 Events', '#Events-Event-canBubble', 'Event.bubbles')}}</td>
   <td>{{ Spec2('DOM2 Events') }}</td>
   <td>初回定義</td>
  </tr>
 </tbody>
</table>

<h2 id="Browser_compatibility" name="Browser_compatibility">ブラウザーの互換性</h2>

<div class="hidden">このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 <a class="external" href="https://github.com/mdn/browser-compat-data">https://github.com/mdn/browser-compat-data</a> をチェックアウトしてプルリクエストを送信してください。</div>

<p>{{Compat("api.Event.bubbles")}}</p>

<h2 id="See_also" name="See_also">関連情報</h2>

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