The bubbles event property is used for returning a Boolean value which indicates whether an event is a bubbling event or not. The event is triggered if an event handler is set for that object, if not so then the event bubble up to the object’s parent. The event bubble up until it reaches the document object or handled.
What is event bubbling? Consider a situation an element is present inside another element and both of them handle an event. When an event occurs, in bubbling, the innermost element handles the event first, then outer, and so on. Please refer this for details.
Return Value: The bubbles event property returns true if the event can bubble up through the DOM, else it returns false.
Below program illustrates the bubbles event property:
Example: Finding out if a specific event can bubble or not.
Before clicking the button:
After clicking the button:
- Internet Explorer
- Google Chrome
- Apple Safari
- HTML | view Event Property
- HTML | defaultPrevented Event Property
- HTML | cancelable Event Property
- HTML | isTrusted Event Property
- HTML | currentTarget Event Property
- HTML | DOM timeStamp Event Property
- HTML | DOM cancelable Event Property
- HTML | DOM type Event Property
- HTML | returnValue Event Property
- HTML | DOM target Event Property
- HTML DOM window event property
- jQuery | event.delegateTarget Property
- jQuery | event.namespace Property
- jQuery | event.currentTarget Property
- jQuery | event.data Property
- jQuery event.metaKey Property
- HTML | DOM fullscreenerror Event
- HTML | DOM onvolumechange Event
- HTML | DOM onopen Event
- HTML | DOM ondragleave Event
If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to firstname.lastname@example.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.
Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.