Незабавно спиране на пренасянето (bubbling) в JavaScript

За да спрем напълно обработката, съвременните браузъри поддържат метод stopImmediatePropagation. Той не само предотвратява пренасянето (bubbling), но и спира обработката на събитията на текущия елемент. Нека го приложим:

javascriptelem1.addEventListener('click', function() {
  console.log('зелен');
});
elem2.addEventListener('click', function(event) {
  console.log('син - първи обработчик');
  event.stopImmediatePropagation();     // спираме пренасянето
});
elem2.addEventListener('click', function() {
  console.log('син - втори обработчик'); // вече няма да се изпълни
});
elem3.addEventListener('click', function() {
  console.log('червен');
});

Можете да проверите: