Flera handtagare på ett element i JavaScript
Om ett element har flera handtagare
för samma händelse, så kommer alla att utföras
även om bubblingen stoppas. Det vill säga,
stopPropagation förhindrar att händelsen
fortsätter uppåt, men alla handtagare
på det aktuella elementet kommer fortfarande att utföras. Se exemplet:
elem1.addEventListener('click', function() {
console.log('grön');
});
elem2.addEventListener('click', function(event) {
console.log('blå - första handtagaren');
event.stopPropagation(); // stoppa bubblingen
});
elem2.addEventListener('click', function() {
console.log('blå - andra handtagaren'); // kommer fortfarande att triggas
});
elem3.addEventListener('click', function() {
console.log('röd');
});
Du kan testa detta:
