Event: bubbles property

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.

Note: This feature is available in Web Workers.

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 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

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

Browser compatibility

BCD tables only load in the browser

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