Как работает событийная модель DOM: погружение, целевая фаза и всплытие? Какая фаза используется по умолчанию?

Событие проходит capture к цели, target на цели и при поддержке bubbling — обратно по предкам; addEventListener по умолчанию использует capture:false.

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

Что ответить на собеседовании

Событие проходит capture к цели, target на цели и при поддержке bubbling — обратно по предкам; addEventListener по умолчанию использует capture:false.

Подробный разбор

Ответ с пояснениями

Событие проходит capture к цели, target на цели и при поддержке bubbling — обратно по предкам; addEventListener по умолчанию использует capture:false.

На целевом элементе обработчики относятся к target-фазе, поэтому выражение «по умолчанию всплытие» является упрощением. Для capture задают { capture:true }. Не все события всплывают; stopPropagation останавливает распространение, а preventDefault отменяет предусмотренное действие, если событие отменяемо.

ИИ-помощник для собеседований

Хочешь уверенно проходить собеседования?

Попробуй ИИ-помощник для собеседований: слышит вас и собеседника, анализирует экран, подсказывает ответы в реальном времени, работает без VPN и не попадает в захват экрана.

Подробнее