The answer
stopPropagation prevents bubbling to parents but other listeners on the same element still run. stopImmediatePropagation stops both bubbling and other listeners on the same element.
What Is Event Bubbling in JavaScript?
What is the difference between stopPropagation and stopImmediatePropagation?
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
Want to upskill yourself?
Your learning library
Small steps. Big possibilities.
Find your next course. Build something great.