Sündmuste sukeldumine JavaScriptis

Peale sündmuste peale kerimist on ka sukeldumine. Tegelikult sündmus kõigepealt läheb ülevalt alla (püüdmise staadium), jõuab meie elemendini (sihtstaadium) ja alles siis hakkab peale kerima (peale kerimise staadium).

Selleks, et panna sündmuse töötleja arvestades püüdmise staadiumit, on addEventListener is kolmas mittekohustuslik parameeter. Kui see on võrdne true - sündmus töötab püüdmise staadiumil, aga kui false - peale kerimise staadiumil (see on vaikimisi). Vaatame näidet:

elem1.addEventListener('click', function() {
	console.log('roheline - sukeldumine');
}, true);
elem1.addEventListener('click', function() {
	console.log('roheline - peale kerimine');
}, false);

elem2.addEventListener('click', function() {
	console.log('sinakasroheline - sukeldumine');
}, true);
elem2.addEventListener('click', function() {
	console.log('sinakasroheline - peale kerimine');
}, false);

elem3.addEventListener('click', function() {
	console.log('punane - sukeldumine');
}, true);
elem3.addEventListener('click', function() {
	console.log('punane - peale kerimine');
}, false);

Võite kontrollida: