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:

javascriptelem1.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: