Flere hendelseshåndterere på et element i JavaScript

Hvis et element har flere hendelseshåndterere på én hendelse, vil alle bli utført selv med stanset bobling. Det vil si at stopPropagation forhindrer at hendelsen fortsetter videre, men på det aktuelle elementet vil alle hendelseshåndterere kjøre. Se eksempel:

javascriptelem1.addEventListener('click', function() {
  console.log('grønn');
});
elem2.addEventListener('click', function(event) {
  console.log('lyseblå - første hendelseshåndterer');
  event.stopPropagation(); // stopper boblingen
});
elem2.addEventListener('click', function() {
  console.log('lyseblå - andre hendelseshåndterer'); // vil fortsatt kjøre
});
elem3.addEventListener('click', function() {
  console.log('rød');
});

Du kan sjekke selv: