Непосредно прекинување на bubbling во JavaScript

За целосно запирање на обработката, модерните прелистувачи поддржуваат метод stopImmediatePropagation. Овој метод не само што го спречува bubbling, туку и ја запира обработката на настаните на тековниот елемент. Ајде да го примениме:

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

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