What is event delegation in JavaScript?

Event delegation is a powerful technique in JavaScript that involves using a single event listener to manage events for multiple child elements. This approach is particularly beneficial for improving performance and simplifying code, especially when dealing with dynamic elements that may be added or removed from the DOM.

When an event occurs on a child element, it bubbles up to the parent element, where the single event listener is attached. This listener can capture the event and determine which child element triggered it, enabling the execution of the appropriate response. This method reduces the need for attaching individual event listeners to each child element, leading to more efficient memory use and easier maintenance of the code.

The other options do not accurately capture the essence of event delegation. Handling events on multiple parent elements does not align with the core idea of delegating events from parent to children. Adding multiple event listeners to individual elements points towards a more traditional event handling approach rather than delegation. Finally, while removing event listeners is a relevant concept in event management, it does not pertain to the definition of event delegation itself.