Detención inmediata de la propagación en JavaScript
Para detener completamente el procesamiento,
los navegadores modernos admiten el método stopImmediatePropagation.
No solo previene la propagación (burbujeo), sino que también
detiene el procesamiento de eventos en el elemento
actual. Vamos a aplicarlo:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('azul claro - primer controlador');
event.stopImmediatePropagation(); // detenemos la propagación
});
elem2.addEventListener('click', function() {
console.log('azul claro - segundo controlador'); // ya no se ejecutará
});
elem3.addEventListener('click', function() {
console.log('rojo');
});
Puedes comprobarlo:
