JS Time bubbling and capturing

Bubbling: The event is first triggered on the target element, then the event bubbles from inside to outside its root element, which is then triggered by its parent element (such as the A-element binding click event, click A, the click event is triggered from the a element up to the document element in turn)

Capture: The event that is triggered is first captured by the root element of the target element and then captured by its child elements, in turn, from outside to inside.

How to use:

Target.addeventlistener (Type, listener[, Usecapture]);

Usecapture is a Boolean value that controls whether the event bubbling mechanism is turned on. The default is: false, which means that only bubbling events occur by default and no capture events occur.

JS Time bubbling and capturing