bubbles Event Property
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
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).
Prevent Bubbling:
The stopPropagation() Method stops bubbling.
Prevent Default Action:
The preventDefault() Method cancels an event (the default action will not occur).
Syntax
event.bubbles
Technical Details
| 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. |
Browser Support
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 |