W3cubDocs

/DOM

Event.bubbles

The Event property bubbles indicates whether the event bubbles up through the DOM or not.

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

Syntax

var doesItBubble = Event.bubbles;

Value

A Boolean, which is true if the event bubbles up through the DOM.

Example

 function goInput(e) {
  // checks bubbles and
  if (!e.bubbles) {
     // passes event along if it's not
     passItOn(e); 
  }
  // already bubbling
  doOutput(e)
}

Note: Only certain events can bubble. Events that do bubble have this property set to true. You can use this property to check if an event is allowed to bubble or not.

Specifications

Browser compatibilityUpdate compatibility data on GitHub

Desktop
Chrome Edge Firefox Internet Explorer Opera Safari
Basic support Yes ? ? ? Yes ?
Mobile
Android webview Chrome for Android Edge Mobile Firefox for Android Opera for Android iOS Safari Samsung Internet
Basic support Yes Yes ? ? Yes ? ?

See also

  • stopPropagation() to stop bubbling the event
  • 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–2018 Mozilla Developer Network and individual contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Event/bubbles