Непосредно заустављање преношења догађаја (bubbling) у JavaScript-у

Како би се у потпуности зауставила обрада, модерни прегледачи подржавају метод stopImmediatePropagation. Он не само спречава преношење догађаја, већ и зауставља обраду догађаја на тренутном елементу. Хајде да га применимо:

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('црвени');
});

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