Встречается на собеседованиях • сегодня

Какие знаешь фазы распространения события

События в DOM проходят три фазы:

Фаза захвата (Capture) - событие движется от корня документа вниз к целевому элементу.
Целевая фаза (Target) - событие достигло целевого элемента.
Фаза всплытия (Bubbling) - событие поднимается обратно вверх по дереву DOM.

Пример:

javascript

document.querySelector('div').addEventListener('click', () => {
  console.log('Bubbling phase');
}, false); // по умолчанию (false) - обработчик на фазе всплытия

document.querySelector('div').addEventListener('click', () => {
  console.log('Capture phase');
}, true); // true - обработчик на фазе захвата

Можно остановить распространение:

javascript

event.stopPropagation(); // останавливает на текущей фазе
event.stopImmediatePropagation(); // + предотвращает вызов других обработчиков

Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!

Попробовать бесплатно

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос

пример собеседования

фреймворки на собеседовании

типичные вопросы junior

интервью вопросы и ответы