JS capture, target, bubble phase

Capture phase

In the capture phase, from the outermost ancestor element , Capture time to target element , But by default, no event is triggered at this time

Target stage

Event capture to target element , The end of capture starts to trigger an event on the target element

bubbling phase

Events pass from the target element to its ancestor element , Trigger events on ancestor elements in turn