How do you listen in the capturing phase in JavaScript?
Pass true as the third argument to addEventListener: element.addEventListener('click', handler, true). By default (false), listeners run in the bubbling phase.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in What Is Event Bubbling in JavaScript?
When an event on a child element propagates up to its parents. A click on a button inside a div triggers the button's listener, then the div's listener, up to the document.
Call e.stopPropagation() in the event handler. This prevents the event from propagating to parent elements.
Capturing (top-down: document to target's parent), Target (event reaches the target), and Bubbling (bottom-up: target to document). Default listeners run in the bubbling phase.
Still have questions?
Browse all our FAQs or reach out to our support team