Event: bubbles property

{{APIRef("DOM")}}{{AvailableInWorkers}}

The bubbles read-only property of the {{domxref("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

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

  // Already bubbling
  doOutput(e);
}

Specifications

{{Specifications}}

Browser compatibility

{{Compat}}

See also

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