Beberapa Penangan pada Elemen di JavaScript
Jika sebuah elemen memiliki beberapa penangan
pada satu event, maka bahkan jika bubbling dihentikan,
semua penangan tersebut akan dijalankan. Artinya,
stopPropagation mencegah event untuk melanjutkan perjalanannya
lebih jauh, tetapi pada elemen saat ini, semua
penangan akan tetap dijalankan. Lihat contoh:
elem1.addEventListener('click', function() {
console.log('hijau');
});
elem2.addEventListener('click', function(event) {
console.log('biru muda - penangan pertama');
event.stopPropagation(); // hentikan bubbling
});
elem2.addEventListener('click', function() {
console.log('biru muda - penangan kedua'); // akan tetap dijalankan
});
elem3.addEventListener('click', function() {
console.log('merah');
});
Anda dapat mencobanya:
