Mai multe manipulatoare pe un element în JavaScript
Dacă un element are mai multe manipulatoare
pentru același eveniment, atunci chiar și după oprirea
bubbling-ului, toate se vor executa. Adică,
stopPropagation împiedică propagarea
evenimentului mai departe, dar pe elementul curent toate
manipulatoarele vor funcționa. Vedeți exemplul:
elem1.addEventListener('click', function() {
console.log('verde');
});
elem2.addEventListener('click', function(event) {
console.log('albastru - primul manipulator');
event.stopPropagation(); // oprim bubbling-ul
});
elem2.addEventListener('click', function() {
console.log('albastru - al doilea manipulator'); // se va executa oricum
});
elem3.addEventListener('click', function() {
console.log('roșu');
});
Puteți verifica:
