Когда применяется делегирование

Делегирование событий применяется, когда нужно обрабатывать события у множества однотипных элементов или динамически добавляемых элементов. Вместо навешивания обработчиков на каждый элемент, обработчик вешается на общего родителя.

Преимущества:

• Экономит память (меньше обработчиков)
• Работает для динамически добавленных элементов
• Упрощает код

Пример:

document.querySelector('ul').addEventListener('click', (e) => {
  if (e.target.tagName === 'LI') {
    console.log('Clicked on li:', e.target.textContent);
  }
});

Когда использовать:

• Списки, таблицы
• Группы кнопок
• Динамический контент
• Элементы с одинаковым поведением