JavaScript с нуля

Глава 36. Обработка событий для нескольких элементов

Базово слушатель событий работает с событиями, запускаемыми одним элементом:

Однако по мере создания более сложных программ отображение «одного обработчика событий для одного элемента» уже не подойдет. Причина в динамическом создании элементов посредством JavaScript. Эти элементы могут запускать события, которые вам может понадобиться прослушать и на которые соответственно среагировать. При этом вам может потребоваться обработка событий как для нескольких элементов, так и для их множества.

Вряд ли вы захотите делать так:

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

Все это может звучать несколько нереально, не так ли? Что ж, в этой главе вы узнаете, что это вполне нормально, и научитесь реализовывать подобное, используя всего несколько строк кода JavaScript.

Поехали!