Вовлекување на настани во JavaScript

Покрај подигањето на настани, постои и вовлекување. Всушност, настанот прво оди од горе надолу (фаза на фаќање), стигнува до нашиот елемент (фаза на цел) и дури потоа почнува да се подига (фаза на подигање).

За да се постави обработувач на настан земајќи ја предвид фазата на фаќање во addEventListener постои трет незадолжителен параметар. Ако е еднаков на true - настанот ќе се активира во фазата на фаќање, а ако false - во фазата на подигање (ова е по стандард). Ајде да погледнеме на пример:

javascriptelem1.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);

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