Omgående stopp af event bubbling i JavaScript

For at stoppe håndteringen fuldstændigt, understøtter moderne browsere metoden stopImmediatePropagation. Den forhindrer ikke kun bubbling, men stopper også håndtering af events på det aktuelle element. Lad os anvende den:

javascriptelem1.addEventListener('click', function() {
  console.log('grøn');
});
elem2.addEventListener('click', function(event) {
  console.log('lyseblå - første håndterer');
  event.stopImmediatePropagation();     // stopper bubbling
});
elem2.addEventListener('click', function() {
  console.log('lyseblå - anden håndterer'); // vil ikke køre længere
});
elem3.addEventListener('click', function() {
  console.log('rød');
});

Du kan prøve det: