Event Delegation in JavaScript

Event Delegation in JavaScript — a practical guide to JavaScript event delegation with clear examples you can reuse in real projects.

JavaScript Tutorial Series (70/101). Prefer one article? Read the complete JavaScript tutorial.

Short description

Scales for dynamic lists — check event.target.

Delegation

list.addEventListener('click', (e) => {
  const item = e.target.closest('li');
  if (!item || !list.contains(item)) return;
  console.log(item.textContent);
});