Uchambuzi wa Matukio katika JavaScript

Licha ya kupaa kwa matukio kuna pia kuchombwa. Kweli tukio huenda kwanza kutoka juu hadi chini (hatua ya kunaswa), lifikie kipengele chetu (hatua ya lengo) na kisha ndipo lianze kupaa (hatua ya kupaa).

Ili kuweka kichakataji cha tukio kwa kuzingatia hatua ya kunaswa katika addEventListener kuna parameta ya tatu isiyo ya lazima. Ikiwa ni sawa na true - tukio litafanya kazi katika hatua ya kunaswa, na ikiwa false - katika hatua ya kupaa (hii ndio chaguo-msingi). Tuangalie kwa mfano:

elem1.addEventListener('click', function() {
	console.log('kijani - kuchombwa');
}, true);
elem1.addEventListener('click', function() {
	console.log('kijani - kupaa');
}, false);

elem2.addEventListener('click', function() {
	console.log('samawati - kuchombwa');
}, true);
elem2.addEventListener('click', function() {
	console.log('samawati - kupaa');
}, false);

elem3.addEventListener('click', function() {
	console.log('nyekundu - kuchombwa');
}, true);
elem3.addEventListener('click', function() {
	console.log('nyekundu - kupaa');
}, false);

Unaweza kujaribu: