Непосредно прекинување на bubbling во JavaScript
За целосно запирање на обработката,
модерните прелистувачи поддржуваат метод stopImmediatePropagation.
Овој метод не само што го спречува bubbling, туку и
ја запира обработката на настаните на тековниот
елемент. Ајде да го примениме:
elem1.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('црвено');
});
Можете да проверите: