Для чего нужен метод `stopPropagation`?

Question

Accepted Answer

## Главная мысль
`event.stopPropagation()` останавливает **дальнейшее распространение** события по фазам flow (дальше по capture/bubble к другим узлам). Default-действие браузера само по себе этим **не** отменяется.

```js
card.addEventListener("click", () => openCard());

button.addEventListener("click", (e) => {
  e.stopPropagation(); // клик по кнопке не откроет card
  deleteItem();
});
```

---

## `stopImmediatePropagation`

Кроме пути по DOM, запрещает **остальные слушатели на том же элементе**.

```js
e.stopImmediatePropagation();
```

---

## Когда вреден

Глушение всплытия ломает делегирование и чужие глобальные обработчики (аналитика, «клик снаружи»). Сеньор сначала думает структурой DOM / проверкой `target`, и только потом — stop.

**Итог:** `stopPropagation` режет путь события по дереву; используйте точечно, понимая побочные эффекты.