bubbles Event Property

Is it a bubbling event?

// true or false?
event.bubbles;

Description

The bubbles event property returns true if an event is a bubbling event.

Otherwise it returns false.

The bubbles event property is read-only.

Event bubbling directs an event to its target. It works like this:

When an element (like a button) is clicked, an event is directed to the element.

If an event handler is set for the element, the event handler is triggered.

Then the event "bubbles up" to the elements parent.

If an event handler is set for the parent, this event handler is triggered.

The event continues to bubble, until it reaches the top (the document element).

The preventDefault() Method cancels an event (the default action will not occur).

event.bubbles

Return Value:	A Boolean. Returns `true` if the event is a bubbling event (it can bubble up through the DOM). Otherwise it returns `false`.
DOM Version:	DOM Level 2 Events.

event.bubbles is a DOM Level 2 (2001) feature.

It is fully supported in all browsers:


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11