Как фазы событий расположены друг за другом

В DOM события проходят три фазы:

1. Capture Phase - событие движется сверху вниз от window до целевого элемента
2. Target Phase - событие достигло целевого элемента
3. Bubble Phase - событие всплывает обратно вверх до window

Пример:

element.addEventListener('click', handler, true); // Capture phase
element.addEventListener('click', handler); // Bubble phase (по умолчанию)

Нюансы:

• Не все события всплывают (например, focus/blur)
• Можно остановить всплытие через event.stopPropagation()
• На одной фазе обработчики вызываются в порядке добавления