Interrupção Imediata da Propagação em JavaScript
Para parar completamente o processamento,
os navegadores modernos suportam o método stopImmediatePropagation.
Ele não só previne a propagação (bubbling), mas também
interrompe o processamento de eventos no elemento
atual. Vamos aplicá-lo:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('azul - primeiro manipulador');
event.stopImmediatePropagation(); // pararemos a propagação
});
elem2.addEventListener('click', function() {
console.log('azul - segundo manipulador'); // não será executado
});
elem3.addEventListener('click', function() {
console.log('vermelho');
});
Você pode testar:
