Как работает event delegation?

Event delegation — это паттерн, при котором обработчик события вешается не на каждый дочерний элемент, а на общего родителя. Работает благодаря event bubbling — события всплывают от целевого элемента вверх по DOM-дереву. Внутри обработчика через event.target определяешь какой конкретно элемент был кликнут. Это экономит память (один обработчик вместо сотен) и автоматически работает с динамически добавленными элементами. Классический пример — список TODO: вешаешь click на ul, а не на каждый li.