Ç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:

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

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

let 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:

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

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

Jepet një lidhje dhe një buton. Me klikim në buton shtoni në fund të tekstit të lidhjes përmbajtjen e atributit të saj href në kllapa të rrumbullakëta. Bëni që ky shtim të ndodhë vetëm me klikimin e parë.

Jepet një buton, vlera e të cilit është numri 1. Bëni që me çdo klikim në këtë buton vlera e tij të rritet çdo herë për një. Pasi që vlera e butonit të arrijë 10 - çlidhni përpunuesin e ngjarjes, në mënyrë që butoni të mos reagojë më ndaj klikimit.