The answer
In the order they were registered. addEventListener('click', first); addEventListener('click', second); fires first, then second. stopImmediatePropagation in first prevents second from running.
stopPropagation vs stopImmediatePropagation
In what order do multiple listeners on the same element fire?
More FAQs in stopPropagation vs stopImmediatePropagation
stopPropagation prevents bubbling to parents but other listeners on the same element still run. stopImmediatePropagation prevents both bubbling and other listeners on the same element.
When you want to prevent all subsequent handlers on the same element from running, not just bubbling to parents. For example, if you have multiple click handlers and want only the first one to run.
No. stopPropagation only prevents bubbling to parent elements. Other listeners on the same element still run in order. Use stopImmediatePropagation to stop them too.
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.