Как подписываться на события в браузере и какие параметры можно передать?

Question

Подписка на события выполняется через addEventListener. В него передается тип события, обработчик и объект параметров. Можно указать параметры capture, once, passive и другие, которые управляют поведением обработчика.

YeaHub · Accepted Answer

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