Простое объяснение делегирования событий в JavaScript

[b2z]

Спасибо, доходчиво пояснено.

[xaosxaos2]

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

Да но придётся уже в самом обработчике разбираться какая кнопка нажата. И не понятно чем лучше-то? То есть один вместо там 5-10 это не аргумент.

[shiberz]

Если у вас на всю страницу 5-10 обработчиков, то это и не нужно.
Такой подход разумно использовать при:

1. реально большом количестве обработчиков
2. частом обновлении DOM с добавлением и удалением целевых элементов
3. заранее неизвестной структуре документа с которой нужно отлавливать события

По причинам 1 и 2 этот подход используется под капотом в React.
По причине 3 это используется во всяких сторонних трекингах и мониторингах — yandex metrica, google analytics и им подобные

[kirillsunday]

А что автору статьи писать на родном языке религия не позволяет?