Незабавно спиране на пренасянето (bubbling) в JavaScript
За да спрем напълно обработката,
съвременните браузъри поддържат метод stopImmediatePropagation.
Той не само предотвратява пренасянето (bubbling), но и
спира обработката на събитията на текущия
елемент. Нека го приложим:
elem1.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('червен');
});
Можете да проверите:
