Umiddelbar stopp av hendelsesutbredelse i JavaScript

For å stoppe behandlingen fullstendig, støtter moderne nettlesere metoden stopImmediatePropagation. Den forhindrer ikke bare utbredelse, men stopper også hendelsesbehandlingen på det nåværende elementet. La oss bruke den:

javascriptelem1.addEventListener('click', function() {
  console.log('grønn');
});
elem2.addEventListener('click', function(event) {
  console.log('blå - første behandler');
  event.stopImmediatePropagation();     // stopp utbredelsen
});
elem2.addEventListener('click', function() {
  console.log('blå - andre behandler'); // vil ikke kjøre lenger
});
elem3.addEventListener('click', function() {
  console.log('rød');
});

Du kan sjekke selv: