Что такое перехват событий (event capturing)?

Question

Accepted Answer

## Смысл
**Capturing** (погружение) — фаза, когда событие идёт **сверху вниз** к целевому элементу. Слушатели на этой фазе срабатывают **до** обработчиков на цели и до bubbling.

---

## Как включить

Третий аргумент `true` или options:

```js
document.addEventListener(
  "click",
  (e) => console.log("capture on document"),
  true
);

// или
el.addEventListener("click", handler, { capture: true });
```

Порядок при клике по кнопке внутри `div`:

1. capture-слушатели от предков к цели;
2. target;
3. bubble обратно.

---

## Когда используют

- Перехватить событие **раньше**, чем дочерние виджеты.
- Глобальные системы жестов / аналитики (реже).
- Учебные/интервью-вопросы чаще, чем ежедневный прод-код: обычно хватает bubble + делегирования.

`stopPropagation` на capture остановит дальнейший путь — дети могут не увидеть событие.

**Итог:** capturing — «слушать на пути вниз»; включают через `capture: true`.