Проверяет понимание работы событий DOM и API addEventListener.
Подписка на события выполняется через addEventListener. В него передается тип события, обработчик и объект параметров. Можно указать параметры capture, once, passive и другие, которые управляют поведением обработчика.
В браузере события обрабатываются через систему слушателей событий.
element.addEventListener("click", handler);
capture
Обработчик срабатывает в фазе перехвата.
{ capture: true }
once
Обработчик выполнится один раз.
{ once: true }
passive
Сообщает браузеру, что обработчик не вызовет preventDefault().
{ passive: true }
Это важно для производительности, например при scroll.
element.removeEventListener("click", handler);
scroll и touch-события
оптимизация производительности
предотвращение утечек памяти
Гибкость addEventListener позволяет точно контролировать поведение обработчиков и производительность.