What is event delegation in JavaScript?
Instead of adding a listener to each child element, add one listener to the parent. Use event.target to determine which child was clicked. This works for dynamically added children and is more memory-efficient.
Verify This Answer
Cross-check this information using these trusted sources:
More FAQs in Event Listeners in JavaScript: A Complete Guide
It registers a callback (event handler) on an element. When the specified event occurs, the callback is called with an event object containing target, currentTarget, type, and methods like preventDefault and stopPropagation.
Use removeEventListener with the same event type and the same function reference. Anonymous functions cannot be removed because you do not have a reference. Store the handler in a variable first.
In a regular function handler, this is the element (event.currentTarget). In an arrow function handler, this is lexical (from the enclosing scope), not the element. Use event.currentTarget to get the element in arrow handlers.
Still have questions?
Browse all our FAQs or reach out to our support team