Как остановить всплытие события

Чтобы остановить всплытие события в JavaScript, используй метод stopPropagation() у объекта события. Это предотвратит дальнейшее всплытие события по DOM-дереву.

element.addEventListener('click', function(event) {
  event.stopPropagation();
  // Дополнительный код
});

Если нужно также предотвратить выполнение других обработчиков на этом же элементе, используй stopImmediatePropagation():

element.addEventListener('click', function(event) {
  event.stopImmediatePropagation();
  // Этот обработчик выполнится, но другие на этом элементе - нет
});

Важно: это не отменяет действие по умолчанию (например, переход по ссылке). Для этого нужно отдельно вызвать preventDefault().