Логотип YeaHub

База вопросов

Собеседования

Тренажёр

База ресурсов

Обучение

Навыки

Войти

Выбери, каким будет IT завтра — вместе c нами!

YeaHub — это полностью открытый проект, призванный объединить и улучшить IT-сферу. Наш исходный код доступен для просмотра на GitHub. Дизайн проекта также открыт для ознакомления в Figma.

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: addeventlistener, dom, event

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

Проверяет понимание работы событий DOM и API addEventListener.

Короткий ответ

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

Длинный ответ

В браузере события обрабатываются через систему слушателей событий.

Базовый синтаксис

element.addEventListener("click", handler);

Основные параметры

  1. capture
    Обработчик срабатывает в фазе перехвата.

{ capture: true }
  1. once
    Обработчик выполнится один раз.

{ once: true }
  1. passive
    Сообщает браузеру, что обработчик не вызовет preventDefault().

{ passive: true }

Это важно для производительности, например при scroll.

Отписка от события

element.removeEventListener("click", handler);

Когда важно использовать параметры

  • scroll и touch-события

  • оптимизация производительности

  • предотвращение утечек памяти

Вывод

Гибкость addEventListener позволяет точно контролировать поведение обработчиков и производительность.

Уровень

  • Рейтинг:

    5

  • Сложность:

    4

Навыки

  • JavaScript

    JavaScript

Ключевые слова

#addeventlistener

#dom

#event

Подпишись на React Developer в телеграм