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 |