Дубока објава догађаја у ЈаваСкрипту

Поред избијања догађаја постоји и дубоко објављивање. Заправо, догађај прво иде одозго надоле (фаза хватања), стиже до нашег елемента (фаза циља) и тек тада почиње да избија (фаза избијања).

Да би се поставио руковалац догађаја уз обзир на фазу хватања у addEventListener постоји трећи опциони параметар. Ако је једнак true - догађај ће се активирати у фази хватања, а ако је false - у фази избијања (ово је подразумевано). Хајде да погледамо на примеру:

elem1.addEventListener('click', function() {
	console.log('зелени - хватање');
}, true);
elem1.addEventListener('click', function() {
	console.log('зелени - избијање');
}, false);

elem2.addEventListener('click', function() {
	console.log('плави - хватање');
}, true);
elem2.addEventListener('click', function() {
	console.log('плави - избијање');
}, false);

elem3.addEventListener('click', function() {
	console.log('црвени - хватање');
}, true);
elem3.addEventListener('click', function() {
	console.log('црвени - избијање');
}, false);

Можете проверити: