Menghentikan Bubbling Event di JavaScript
Bubbling event dapat dihentikan pada setiap
elemen yang dilalui oleh event yang membubel.
Untuk melakukannya, pada kode elemen tersebut harus memanggil
method stopPropagation dari objek Event.
Pada contoh berikut, klik pada blok merah akan terpicu pada blok itu sendiri, kemudian pada blok biru dan berhenti - blok biru menghentikan bubbling lebih lanjut dan blok hijau tidak akan merespons sama sekali:
elem1.addEventListener('click', function() {
console.log('hijau');
});
elem2.addEventListener('click', function(event) {
console.log('biru');
event.stopPropagation(); // hentikan bubbling
});
elem3.addEventListener('click', function() {
console.log('merah');
});
Anda dapat mencobanya:
