Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Войти

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

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

© 2026 YeaHub

Документы

Медиа

Назад
Вопрос про JavaScript: javascript, events

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

Вопрос проверяет понимание фаз всплытия и погружения событий в DOM.

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

Передайте третий аргумент true в addEventListener для подписки на фазу погружения (capture phase):

element.addEventListener('click', handler, true);

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

Фазы события:

  1. Погружение (Capture): Событие идет сверху вниз (от window к целевому элементу).

  2. Цель (Target): Событие достигло элемента.

  3. Всплытие (Bubble): Событие поднимается вверх (по умолчанию).

Пример:

document.querySelector('div').addEventListener('click', () => {
  console.log('Погружение (Capture)');
}, true);

document.querySelector('button').addEventListener('click', () => {
  console.log('Всплытие (Bubble)');
});

Вывод:
Фаза погружения полезна для перехвата событий до достижения целевого элемента (например, для модальных окон).

Уровень

  • Рейтинг:

    2

  • Сложность:

    7

Навыки

  • JavaScript

    JavaScript

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

#javascript

#events

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