Зачем браузерные события проходят фазы погружения, целевого элемента и всплытия?

Фазы события задают предсказуемый путь через DOM: предки могут обработать событие до цели, а при всплытии — после неё.

Capture удобен для наблюдения на верхнем уровне, target относится к самому элементу, bubbling позволяет делегировать обработку контейнеру. Не все события всплывают. stopPropagation ограничивает дальнейшее распространение, а preventDefault отменяет допустимое стандартное действие — это разные операции. Такая модель не требует добавлять обработчик каждому динамическому потомку.