Что такое stopPropagation в JavaScript

stopPropagation() — это метод объекта события, который останавливает дальнейшее всплытие (bubbling) события в DOM. Он не предотвращает действие по умолчанию (например, отправку формы), для этого есть preventDefault().

Пример:

document.querySelector('.parent').addEventListener('click', () => {
  console.log('Parent clicked');
});

document.querySelector('.child').addEventListener('click', (e) => {
  e.stopPropagation();
  console.log('Child clicked, but parent won\'t know');
});

Важно:

• Не путать с stopImmediatePropagation(), который также предотвращает вызов других обработчиков на этом же элементе
• Не влияет на фазу погружения (capturing)