При всплытии событий событие начинается с целевого элемента и распространяется вверх через родительские элементы, пока не достигнет корня документа. Это поведение по умолчанию для большинства браузерных событий.
При захвате событий событие идёт в противоположном направлении — от корня документа вниз к целевому элементу. Эта фаза происходит раньше всплытия.
Полный цикл события проходит три фазы:
Capture phase (top → target)
Target phase (event fires on target)
Bubble phase (target → top)
Используй addEventListener, чтобы указать, на какой фазе слушатель должен реагировать на событие:
// Bubbling phase (по умолчанию)
element.addEventListener('click', handler, false);
// Capturing phase
element.addEventListener('click', handler, true);
false или пропуск третьего аргумента регистрирует слушателя для всплытияtrue регистрирует слушателя для захватаТы можешь остановить распространение в любой момент с помощью event.stopPropagation() — это не даст событию пройти дальше через оставшиеся фазы и родительские элементы.
Всплытие события — это поведение браузера по умолчанию, при котором событие распространяется вверх от целевого элемента через его предков к корню документа.
Новый — ещё не проверен сообществом
Вы