Notikumu bubble ieslēgšana JavaScript
Notikuma bubble var apturēt jebkurā
elementā, caur kuru notikums bubble.
Lai to izdarītu, elementa kodā jāizsauc
metode stopPropagation no objekta Event.
Nākamajā piemērā klikšķis uz sarkanā bloka iedarbosies uz to pašu, pēc tam uz zilā bloka un tas ir viss - zilais bloks pārtrauc tālāku bubble un zaļais bloks vairs nereaģēs:
elem1.addEventListener('click', function() {
console.log('zaļš');
});
elem2.addEventListener('click', function(event) {
console.log('zils');
event.stopPropagation(); // apturēsim bubble
});
elem3.addEventListener('click', function() {
console.log('sarkans');
});
Varat pārbaudīt: