Arresto Immediato della Propagazione in JavaScript
Per fermare completamente l'elaborazione,
i browser moderni supportano il metodo stopImmediatePropagation.
Non solo previene la propagazione, ma
interrompe anche l'elaborazione degli eventi sull'elemento
corrente. Applichiamolo:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('blu - primo gestore');
event.stopImmediatePropagation(); // fermiamo la propagazione
});
elem2.addEventListener('click', function() {
console.log('blu - secondo gestore'); // non verrà eseguito
});
elem3.addEventListener('click', function() {
console.log('rosso');
});
Puoi verificare:
