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

В 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()
• event.stopImmediatePropagation() останавливает и всплытие, и обработку другими обработчиками на этом же элементе
• event.preventDefault() отменяет стандартное поведение браузера, но не влияет на всплытие