What are the three phases of event propagation in JavaScript?
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.
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.
Pass true as the third argument to addEventListener: element.addEventListener('click', handler, true). By default (false), listeners run in the bubbling phase.
Still have questions?
Browse all our FAQs or reach out to our support team