Notikumu iegremdēšanās JavaScript

Papildus notikumu uzpeldēšanai pastāv arī iegremdēšanās. Patiesībā notikums vispirms iet no augšas uz leju (notveršanas posms), sasniedz mūsu elementu (mērķa posms) un tikai tad sāk uzpeldēt (uzpeldēšanas posms).

Lai piekārtu notikuma apstrādātāju ņemot vērā notveršanas posmu, addEventListener ir trešais neobligātais parametrs. Ja tas ir vienāds ar true - notikums aktivizēsies notveršanas posmā, bet ja false - uzpeldēšanas posmā (tas ir pēc noklusējuma). Apskatīsim piemērā:

elem1.addEventListener('click', function() {
	console.log('zaļš - iegremdēšanās');
}, true);
elem1.addEventListener('click', function() {
	console.log('zaļš - uzpeldēšana');
}, false);

elem2.addEventListener('click', function() {
	console.log('zils - iegremdēšanās');
}, true);
elem2.addEventListener('click', function() {
	console.log('zils - uzpeldēšana');
}, false);

elem3.addEventListener('click', function() {
	console.log('sarkans - iegremdēšanās');
}, true);
elem3.addEventListener('click', function() {
	console.log('sarkans - uzpeldēšana');
}, false);

Varat pārbaudīt: