There are three distinct phases an event goes through:
Here’s a bit more info, taken directly from the UI Events spec:
- The capture phase: The event object propagates through the target’s ancestors from the Window to the target’s parent. This phase is also known as the capturing phase.
- The target phase: The event object arrives at the event object’s event target. This phase is also known as the at-target phase. If the event type indicates that the event doesn’t bubble, then the event object will halt after completion of this phase.
- The bubble phase: The event object propagates through the target’s ancestors in reverse order, starting with the target’s parent and ending with the Window. This phase is also known as the bubbling phase.
The spec even provides a really handy diagram to illustrate this:
If you have questions, feedback, or any other suggestions, please do email me. I'd love to hear from you!