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

События в 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 (по умолчанию)

Можно остановить распространение:

• event.stopPropagation() - останавливает на текущей фазе
• event.stopImmediatePropagation() - также предотвращает вызов других обработчиков