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