Azonnali eseményterjesztés leállítása JavaScriptben
Ahhoz, hogy teljesen leállítsuk a feldolgozást,
a modern böngészők támogatják a stopImmediatePropagation metódust.
Ez nem csak megakadályozza a eseményterjesztést, hanem
leállítja az események feldolgozását az aktuális
elemen is. Alkalmazzuk ezt:
elem1.addEventListener('click', function() {
console.log('zöld');
});
elem2.addEventListener('click', function(event) {
console.log('kék - első kezelő');
event.stopImmediatePropagation(); // állítsuk le a eseményterjesztést
});
elem2.addEventListener('click', function() {
console.log('kék - második kezelő'); // már nem fog lefutni
});
elem3.addEventListener('click', function() {
console.log('piros');
});
Kipróbálhatod:
