Okamžité zastavenie propagácie v JavaScripte
Aby sa úplne zastavilo spracovanie,
moderné prehliadače podporujú metódu stopImmediatePropagation.
Tá nielenže zabráni propagácii, ale aj
zastaví spracovanie udalostí na aktuálnom
prvku. Poďme ju aplikovať:
elem1.addEventListener('click', function() {
console.log('zelený');
});
elem2.addEventListener('click', function(event) {
console.log('modrý - prvá obsluha');
event.stopImmediatePropagation(); // zastavíme propagáciu
});
elem2.addEventListener('click', function() {
console.log('modrý - druhá obsluha'); // už nefunguje
});
elem3.addEventListener('click', function() {
console.log('červený');
});
Môžete vyskúšať: