Логотип YeaHub

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

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

Тренажёр

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

Обучение

Навыки

Задачи

Войти

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

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

© 2026 YeaHub

AI info

Карта сайта

Документы

Медиа

Назад
Вопрос про 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)');
});

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию

Уровень

  • Рейтинг:

    2

  • Сложность:

    7

Навыки

  • JavaScript

    JavaScript

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

#javascript

#events

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

Frontend developer

tech
tech
tech
tech
tech
tech
tech
tech
tech

Ментор по Frontend

Полное сопровождение до оффера — без дорогих курсов, с оплатой после трудоустройства

Записаться на консультацию