How do you listen in the capturing phase?
Pass true as the third argument to addEventListener: element.addEventListener('click', handler, true). This listens in the capturing (top-down) phase instead of the default bubbling (bottom-up) phase.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Event Bubbling and Capturing Explained
Bubbling propagates from the target up to the document (bottom-up). Capturing propagates from the document down to the target (top-down). Default listeners run in the bubbling phase.
Capturing handlers fire first (outer to inner), then the target's handlers, then bubbling handlers (inner to outer). For example: form capturing, div capturing, button, div bubbling, form bubbling.
Bubbling (bottom-up). The third argument to addEventListener defaults to false, which means the bubbling phase. Pass true for the capturing phase.
Still have questions?
Browse all our FAQs or reach out to our support team