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.
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.
A boolean value, which is true
if the event bubbles up through the DOM tree.
js
function handleInput(e) { // Check whether the event bubbles passes the event along if (!e.bubbles) { passItOn(e); } // Already bubbling doOutput(e); }
Specification |
---|
DOM Standard # ref-for-dom-event-bubbles③ |
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 |
stopPropagation()
to prevent further propagation of the current event in the capturing and bubbling phasesstopImmediatePropagation()
to not call any further listeners for the same event at the same level in the DOMpreventDefault()
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