What is event delegation and how does it use bubbling?
Event delegation puts one listener on a parent instead of many on children. When a child is clicked, the event bubbles to the parent, which checks e.target to determine which child was clicked. This uses bubbling to handle multiple elements efficiently.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Event Bubbling Interview Questions (Oyo)
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 first, 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. Other listeners on the same element still run.
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.
Still have questions?
Browse all our FAQs or reach out to our support team