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:

javascriptelem1.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: