Hantering av händelser i JavaScript

Förutom uppblåsning av händelser finns det också införande. Egentligen går händelsen först från toppen och ner (fångststadiet), når vårt element (måletstadiet) och först då börjar att blåsa upp (uppblåsningsstadiet).

För att sätta en händelsehanterare med hänsyn till fångststadiet i addEventListener finns en tredje valfri parameter. Om den är lika med true - kommer händelsen att utlösas på fångststadiet, och om false - på uppblåsningsstadiet (detta är standard). Låt oss titta på ett exempel:

elem1.addEventListener('click', function() {
	console.log('grön - införande');
}, true);
elem1.addEventListener('click', function() {
	console.log('grön - uppblåsning');
}, false);

elem2.addEventListener('click', function() {
	console.log('blå - införande');
}, true);
elem2.addEventListener('click', function() {
	console.log('blå - uppblåsning');
}, false);

elem3.addEventListener('click', function() {
	console.log('röd - införande');
}, true);
elem3.addEventListener('click', function() {
	console.log('röd - uppblåsning');
}, false);

Du kan testa: