Trenutno zaustavljanje propagacije (bubbling) u JavaScriptu
Kako bi potpuno zaustavili procesiranje,
moderni brauseri podržavaju metodu stopImmediatePropagation.
Ona ne samo da sprečava propagaciju (bubbling), već i
zaustavlja procesiranje događaja na trenutnom
elementu. Hajde da je primenimo:
elem1.addEventListener('click', function() {
console.log('zeleno');
});
elem2.addEventListener('click', function(event) {
console.log('plavo - prvi rukovalac');
event.stopImmediatePropagation(); // zaustavimo propagaciju
});
elem2.addEventListener('click', function() {
console.log('plavo - drugi rukovalac'); // više neće raditi
});
elem3.addEventListener('click', function() {
console.log('crveno');
});
Možete proveriti:
