Какие знаешь стадии распространения событий по DOM дереву

События в DOM проходят три стадии:

1. Capture phase (погружение) - событие движется от корня документа к целевому элементу. Редко используется, но можно отловить через addEventListener с третьим параметром true.

2. Target phase - событие достигло целевого элемента. Обработчики вызываются на самом элементе.

3. Bubble phase (всплытие) - событие поднимается обратно к корню. По умолчанию обработчики срабатывают на этой фазе.

Пример:

document.querySelector('button').addEventListener('click', function() {
  console.log('Target phase');
}, false); // false = bubble phase (по умолчанию)

document.body.addEventListener('click', function() {
  console.log('Bubble phase');
}, false);

document.body.addEventListener('click', function() {
  console.log('Capture phase');
}, true); // true = capture phase

Можно остановить распространение через event.stopPropagation().