Event bubbling means that when an event is triggered on an element, for example a mouse click on a button, the same event will be triggered in the ancestor of all the elements of that element. This process is called event bubbling; this event from the beginning has been bubbling to the original elements of the DOM tree top.
We all know the general flow of events is: Event Capture -> target element occurrences -> event bubbling. But not all are the same event and click event is bubbling, then how to determine whether an event is not bubbling it?
The bubbles property of the event object can be parameterized via console.log print event callback function monitor inside the event, the return value is true bubble can not be false bubble.
Is not currently supported bubbling event, what does?
UI event
the Load
unload
the Scroll
of a resize
focus of the event
Blur
Focus
mouse events
MouseLeave
mouseenter
The reason is that: these events occur only on itself, and the event on any of its parent will not produce, all is not bubbling.