JavaScript-də Hadisələrin Açılması

Bu dərsdə biz əvvəllər elementlərə bağladığımız hadisə işləyicilərini necə açacağımızı öyrənəcəyik. Nümunə üçün aşağıdakı düymə verilsin:

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

Gəlin bu düyməyə func funksiyasını bağlayaq:

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

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

İndi isə gəlin elə edək ki, hadisə işləyicisi ilk klikdə işləsin, sonra isə düymədən açılsın. Bunun üçün xüsusi removeEventListener metodu var. Bu metod birinci parametr kimi hadisənin növünü, ikinci parametr kimi isə açılması lazım olan funksiyaya istinad qəbul edir.

Adətən, bu o deməkdir ki, hadisə işləyicisi bağlandığı kimi açılır. Yəni, əgər biz onu belə bağlamışıqsa: addEventListener('click', func), onda onu eyni parametrlərlə belə açarıq: removeEventListener('click', func).

Beləliklə, qarşımıza qoyduğumuz məsələni həll edək:

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

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

Bir link və bir düymə verilib. Düyməyə klik edəndə linkin mətninə onun href atributunun məzmununu dairəvi mötərizələr içərisində əlavə edin. Elə edin ki, bu əlavə etmə yalnız ilk klikdə baş versin.

Dəyəri 1 rəqəmi olan bir düymə verilib. Elə edin ki, bu düyməyə hər klik edəndə onun dəyəri bir vahid artsın. Düymənin dəyəri 10-a çatdıqdan sonra isə hadisə işləyicisini açın ki, düymə artıq kliklərə reaksiya verməsin.