Объясните фазы событий в браузере

Три фазы

1. Capturing (погружение) — событие идёт от корня к цели.
2. Target — событие на целевом элементе.
3. Bubbling (всплытие) — от цели обратно к корню.

По умолчанию addEventListener(type, fn) слушает всплытие. Для capture:

parent.addEventListener("click", handler, true);
// или { capture: true }

Зачем это знать

• Делегирование обычно на bubbling.
• Редкие кейсы (перехват до детей) — capture.
• event.eventPhase показывает текущую фазу.

window → … → parent → target → parent → … → window
   [ capture ........ ] [target] [ ...... bubble ]

Как отвечать

1. Назвать три фазы по порядку.
2. Сказать, что default — bubble.
3. Показать capture: true.
4. Связать с делегированием и stopPropagation.

Итог: событие не «мгновенно на кнопке» — оно проходит путь вниз и вверх по дереву; вы выбираете, на какой фазе слушать.