Cese de la propagación de eventos en JavaScript
La propagación de un evento puede detenerse en cualquier
elemento a través del cual se propaga el evento.
Para ello, en el código del elemento se debe llamar
al método stopPropagation del objeto Event.
En el siguiente ejemplo, el clic en el bloque rojo se activará en él mismo, luego en el bloque azul y se detendrá - el bloque azul detiene la further propagación y el bloque verde no reaccionará de ninguna manera:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('azul');
event.stopPropagation(); // detenemos la propagación
});
elem3.addEventListener('click', function() {
console.log('rojo');
});
Puedes comprobarlo:
