Penyelaman Peristiwa dalam JavaScript

Selain kebangkitan peristiwa, terdapat juga penyelaman. Sebenarnya, peristiwa mula-mula bergerak dari atas ke bawah (peringkat penangkapan), sampai ke elemen kita (peringkat sasaran) dan kemudian barulah mula mengembang (peringkat kebangkitan).

Untuk meletakkan pengendali peristiwa dengan mengambil kira peringkat penangkapan dalam addEventListener terdapat parameter ketiga yang tidak wajib. Jika ia sama dengan true - peristiwa akan berfungsi pada peringkat penangkapan, dan jika false - pada peringkat kebangkitan (ini adalah lalai). Mari kita lihat contoh:

elem1.addEventListener('click', function() {
	console.log('hijau - penyelaman');
}, true);
elem1.addEventListener('click', function() {
	console.log('hijau - kebangkitan');
}, false);

elem2.addEventListener('click', function() {
	console.log('biru muda - penyelaman');
}, true);
elem2.addEventListener('click', function() {
	console.log('biru muda - kebangkitan');
}, false);

elem3.addEventListener('click', function() {
	console.log('merah - penyelaman');
}, true);
elem3.addEventListener('click', function() {
	console.log('merah - kebangkitan');
}, false);

Anda boleh menyemak: