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
A Boolean
.
Example
elem.onclick = function(event) { // Do cool things here event.cancelBubble = true; }
Specifications
Specification | Status | Comment |
---|---|---|
DOM The definition of 'cancelBubble' in that specification. |
Living Standard |
Browser compatibility
The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Desktop | Mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
cancelBubble | Chrome
Full support
Yes
| Edge Full support 12 | Firefox
Full support
53
| IE Full support Yes | Opera
Full support
Yes
| Safari Full support Yes | WebView Android
Full support
Yes
| Chrome Android
Full support
Yes
| Firefox Android
Full support
53
| Opera Android
Full support
Yes
| Safari iOS Full support Yes | Samsung Internet Android
Full support
Yes
|
Legend
- Full support
- Full support
- See implementation notes.
- See implementation notes.