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

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