What is event delegation in JavaScript and why is it preferred over attaching listeners to each element?

Question

JavaScript Developer — Hard

What is event delegation in JavaScript and why is it preferred over attaching listeners to each element?

Accepted Answer

Event delegation in JavaScript involves attaching a single event listener to a parent element that handles events from its children. This is preferred because it reduces memory usage, works for dynamically added elements, and simplifies event management.