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