Что такое всплытие событий

Ответ для собеседования

Всплытие событий (event bubbling) в JavaScript — это фаза распространения события, в которой событие, начавшись на целевом элементе, перемещается вверх по дереву DOM к корневому элементу, вызывая обработчики событий, назначенные на каждом промежуточном элементе.

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

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

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

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

В этом примере, при клике на элемент child, сначала выполнится обработчик на child, а затем обработчик на parent, так как событие всплывает вверх по дереву DOM.

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