Преимущества использования делегирования событий в JavaScript:

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