Penghentian Segera Bubbling di JavaScript

Untuk sepenuhnya menghentikan pemrosesan, browser modern mendukung metode stopImmediatePropagation. Metode ini tidak hanya mencegah bubbling, tetapi juga menghentikan pemrosesan event pada elemen saat ini. Mari kita terapkan:

javascriptelem1.addEventListener('click', function() {
  console.log('hijau');
});
elem2.addEventListener('click', function(event) {
  console.log('biru muda - penangan pertama');
  event.stopImmediatePropagation();     // hentikan bubbling
});
elem2.addEventListener('click', function() {
  console.log('biru muda - penangan kedua'); // sudah tidak akan berjalan
});
elem3.addEventListener('click', function() {
  console.log('merah');
});

Anda dapat mencoba: