Zhytja e ngjarjeve në JavaScript

Përveç notës së ngjarjeve ekziston edhe zhytja. Në fakt, ngjarja fillimisht shkon nga lart poshtë (faza e kapjes), arrin te elementi ynë (faza e synimit) dhe vetëm atëherë fillon të notojë (faza e notës).

Për të vendosur një përgjigjës të ngjarjes duke marrë parasysh fazën e kapjes, në addEventListener ekziston një parametër i tretë opsional. Nëse ai është i barabartë me true - ngjarja do të aktivizohet në fazën e kapjes, dhe nëse false - në fazën e notës (kjo është parazgjedhja). Le ta shohim me një shembull:

javascriptelem1.addEventListener('click', function() {
  console.log('jeshile - zhytje');
}, true);
elem1.addEventListener('click', function() {
  console.log('jeshile - notë');
}, false);

elem2.addEventListener('click', function() {
  console.log('blu - zhytje');
}, true);
elem2.addEventListener('click', function() {
  console.log('blu - notë');
}, false);

elem3.addEventListener('click', function() {
  console.log('kuqe - zhytje');
}, true);
elem3.addEventListener('click', function() {
  console.log('kuqe - notë');
}, false);

Mund ta provoni: