What is the event delegation pattern?

Instead of attaching listeners to every element, attach one listener to a parent — it

captures events from its children using bubbling.

Example:

document.querySelector('#list').addEventListener('click', e => {

if (e.target.tagName === 'LI') console.log(e.target.textContent);

});

Follow me on LinkedIn:

✅ Improves performance and memory usage.