Делегирование событий считается более эффективной альтернативой стандартному обработчику DOM по нескольким причинам:
- Упрощение инициализации и экономия памяти. 1 Не нужно вешать много обработчиков, так как один обработчик ставится на общий предок нескольких элементов, события на которых нужно обрабатывать похожим образом. 1
- Меньше кода. 1 При добавлении и удалении элементов не нужно ставить или снимать обработчики. 1 Достаточно создать один метод и поместить его в разметку. 1
- Удобство изменений DOM. 1 Можно массово добавлять или удалять элементы путём изменения innerHTML и ему подобных. 1
- Повышение отзывчивости и производительности приложения. 3 Если подключить большое количество событий внутри DOM на одной странице, она станет неотзывчивой, замедляя работу всего приложения. 3
Делегирование событий особенно полезно, когда есть много элементов одного типа. 2