Più gestori di eventi su un elemento in JavaScript
Se un elemento ha più gestori
per lo stesso evento, anche interrompendo
il bubbling, tutti verranno eseguiti. Cioè,
stopPropagation impedisce l'avanzamento
dell'evento oltre, ma sull'elemento corrente tutti
i gestori verranno eseguiti. Guarda l'esempio:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('blu - primo gestore');
event.stopPropagation(); // fermiamo il bubbling
});
elem2.addEventListener('click', function() {
console.log('blu - secondo gestore'); // verrà eseguito comunque
});
elem3.addEventListener('click', function() {
console.log('rosso');
});
Puoi verificare:
