W3cubDocs

/Web APIs

Event: bubbles property

The bubbles read-only property of the Event interface indicates whether the event bubbles up through the DOM tree or not.

Note: See Event bubbling and capture for more information on bubbling.

Value

A boolean value, which is true if the event bubbles up through the DOM tree.

Example

js

function handleInput(e) {
  // Check whether the event bubbles passes the event along
  if (!e.bubbles) {
    passItOn(e);
  }

  // Already bubbling
  doOutput(e);
}

Specifications

Browser compatibility

Desktop Mobile
Chrome Edge Firefox Internet Explorer Opera Safari WebView Android Chrome Android Firefox for Android Opera Android Safari on IOS Samsung Internet
bubbles 1 12 1.5 9 ≤12.1 1 ≤37 18 4 ≤12.1 1 1.0

See also

  • stopPropagation() to prevent further propagation of the current event in the capturing and bubbling phases
  • stopImmediatePropagation() to not call any further listeners for the same event at the same level in the DOM
  • preventDefault() to allow propagation to continue but to disallow the browser to perform its default action should no listeners handle the event

© 2005–2023 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Event/bubbles