Çlidhja e Ngjarjeve në JavaScript

Në këtë mësim do të mësojmë të çlidhim përpunuesit e ngjarjeve, të cilët më parë ishin lidhur nga ne te elementët. Le të marrim si shembull këtë buton:

html<input id="button" type="submit">

Le ta lidhim këtë buton me funksionin func:

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
  console.log('!!!');
}

Tani le ta bëjmë që përpunuesi i ngjarjes të ekzekutohet në klikimin e parë, dhe pastaj të çlidhet nga butoni. Për këtë ekziston metoda speciale removeEventListener. Kjo metodë merr si parametër të parë llojin e ngjarjes, dhe si të dytë - referencën për funksionin që duhet të çlidhet.

Në përgjithësi, kjo do të thotë që përpunuesi i ngjarjes çlidhet në të njëjtën mënyrë siç u lidh. Kjo është, nëse ne e lidhëm kështu: addEventListener('click', func), atëherë edhe do ta çlidhim me të njëjtat parametra, kështu: removeEventListener('click', func).

Pra, le të zgjidhim detyrën që kemi vendosur:

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func);

function func() {
  console.log('!!!');
  this.removeEventListener('click', func);
}