Example
Find out if a specific event can bubble or not:
var x = event.bubbles;
The result of x could be:
true
Try it Yourself »
Definition and Usage
The bubbles event property returns a Boolean value that indicates whether or not an event is a bubbling event.
Event bubbling directs an event to its intended target, it works like this:
- A button is clicked and the event is directed to the button
- If an event handler is set for that object, the event is triggered
- If no event handler is set for that object, the event bubbles up (like a bubble in water) to the objects parent
The event bubbles up from parent to parent until it is handled, or until it reaches the document object.
Browser Support
The numbers in the table specify the first browser version that fully supports the property.
| Property | |||||
|---|---|---|---|---|---|
| bubbles | Yes | 9.0 | Yes | Yes | Yes |
Syntax
event.bubbles
Technical Details
| Return Value: | A Boolean, indicating whether the specified event is a bubbling event.
Possible values:
|
|---|---|
| DOM Version: | DOM Level 2 Events |
< Event Object