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:

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

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

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

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

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