Wiele procedur obsługi na elemencie w JavaScript
Jeśli element ma wiele procedur obsługi
na jedno zdarzenie, to nawet po zatrzymaniu
propagacji wszystkie one zostaną wykonane. Oznacza to,
że stopPropagation zapobiega dalszej propagacji
zdarzenia, ale na bieżącym elemencie wszystkie
procedury obsługi zostaną wykonane. Zobacz przykład:
elem1.addEventListener('click', function() {
console.log('zielony');
});
elem2.addEventListener('click', function(event) {
console.log('niebieski - pierwsza procedura obsługi');
event.stopPropagation(); // zatrzymaj propagację
});
elem2.addEventListener('click', function() {
console.log('niebieski - druga procedura obsługi'); // i tak zadziała
});
elem3.addEventListener('click', function() {
console.log('czerwony');
});
Możesz to sprawdzić:
