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