What is event delegation in JavaScript?

What is event delegation in JavaScript?

Event delegation is a technique in JavaScript where a single event listener is added to a parent element instead of multiple listeners to child elements.

Why is event delegation useful?

It's useful because it improves performance by reducing the number of event listeners and allows for dynamic elements to be handled easily.

Can you give me an example of event delegation?

Sure! If you have a list of items, you can add a click event listener to the <ul> element. When any <li> is clicked, the event bubbles up to the <ul>, where you can handle it.

What are the drawbacks of using event delegation?

One drawback is that it can lead to performance issues if too many events bubble up, and it may not work well with certain events like focus or blur.