Подробный ответ

Всплытие событий — это процесс, при котором событие, происходящее на целевом элементе, перемещается вверх по иерархии DOM, последовательно вызывая обработчики событий на всех его родительских элементах. Эта фаза начинается после того, как событие достигло целевого элемента и все его обработчики были выполнены.

По умолчанию, когда событие создается, оно сначала проходит фазу погружения (capturing), достигает целевого элемента (target phase), а затем начинает всплытие. Всплытие позволяет использовать один обработчик события для родительского элемента, чтобы обрабатывать события, происходящие на его дочерних элементах.

Пример использования всплытия событий: