Natychmiastowe zatrzymanie propagacji w JavaScript
Aby całkowicie zatrzymać przetwarzanie,
współczesne przeglądarki obsługują metodę stopImmediatePropagation.
Zapobiega ona nie tylko propagacji, ale także
zatrzymuje przetwarzanie zdarzeń na bieżącym
elemencie. Zastosujmy ją:
elem1.addEventListener('click', function() {
console.log('zielony');
});
elem2.addEventListener('click', function(event) {
console.log('niebieski - pierwsza procedura obsługi');
event.stopImmediatePropagation(); // zatrzymaj propagację
});
elem2.addEventListener('click', function() {
console.log('niebieski - druga procedura obsługi'); // już nie zadziała
});
elem3.addEventListener('click', function() {
console.log('czerwony');
});
Możesz to sprawdzić:
