Event.cancelBubble
The cancelBubble property of the Event interface is a historical alias to Event.stopPropagation(). Setting its value to true before returning from an event handler prevents propagation of the event. In later implementations, setting this to false does nothing. See Browser compatibility for details.
Syntax
event.cancelBubble = bool; var bool = event.cancelBubble;
Value
Either true or false.
Example
elem.onclick = function(event) { // Do cool things here event.cancelBubble = true; }
Specifications
| Specification |
|---|
| DOM Standard (DOM) # ref-for-dom-event-cancelbubble① |
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 | |
cancelBubble |
1
Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
|
12 |
53
1-53
Only supported for
UIEvent, not all Event objects. |
9 |
≤12.1
Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
|
≤4 |
≤37
Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
|
18
Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
|
53
4-53
Only supported for
UIEvent, not all Event objects. |
≤12.1
Starting with Chrome 58 and Opera 45, setting this property to false does nothing, as per spec discussion.
|
≤3 |
1.0
Starting with Samsung Internet 7.0 and Opera 45, setting this property to false does nothing, as per spec discussion.
|
© 2005–2021 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Event/cancelBubble