The Event.cancelBubble property 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;
Example
elem.onclick = function(e) {
// do cool things here
e.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.
Update compatibility data on GitHub
| Desktop | Mobile | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Basic support | Chrome
Full support
Yes
| Edge Full support Yes | 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
| Edge Mobile Full support Yes | Firefox Android
Full support
53
| Opera Android
Full support
Yes
| Safari iOS Full support Yes | Samsung Internet Android ? |
Legend
- Full support
- Full support
- Compatibility unknown
- Compatibility unknown
- See implementation notes.
- See implementation notes.
Document Tags and Contributors
Tags:
Contributors to this page:
fscholz,
Sheppy,
caseyjhol,
jpmedley,
chrisdavidmills,
erikadoyle,
cvrebert
Last updated by:
fscholz,