Что такое делегирование?

Делегирование событий — это шаблон проектирования, который позволяет одному обработчику событий управлять событиями множества дочерних элементов. Вместо назначения обработчика каждому элементу, обработчик назначается родительскому элементу. Ketika событие происходит на дочернем элементе, оно "всплывает" (bubbling) до родителя, где обработчик может его перехватить и обработать.

Принцип работы:

• Событие генерируется на целевом элементе (например, <button>).
• Событие распространяется вверх по DOM-дереву до родительских элементов.
• Обработчик событий, прикрепленный к родительскому элементу, перехватывает событие.
• В обработчике можно определить, на каком именно дочернем элементе произошло событие, используя event.target.

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

• Производительность: Меньше обработчиков событий, что снижает потребление памяти и процессора, особенно для больших списков или таблиц.
• Простота управления: Легче добавлять и удалять элементы из DOM, так как нет необходимости постоянно прикреплять/откреплять обра