THE WORLD'S LARGEST WEB DEVELOPER SITE

bubbles Event Property

❮ DOM Events ❮ Event Object

Example

Find out if a specific event can bubble or not:

var x = event.bubbles;
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:

  • true - The event can bubble up through the DOM
  • false - The event does not bubble
DOM Version: DOM Level 2 Events

❮ DOM Events ❮ Event Object