Odvajanje događaja u JavaScript-u

U ovoj lekciji ćemo naučiti kako da odvojimo rukovaoce događaja koji su ranije bili povezani sa elementima. Na primer, neka je data sledeće dugme:

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

Povežimo funkciju func sa ovim dugmetom:

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

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

Hajde sada da učinimo tako da rukovalac događaja bude aktiviran na prvi klik, a zatim da se odvoji od dugmeta. Za to postoji specijalna metoda removeEventListener. Ova metoda kao prvi parametar prima tip događaja, a kao drugi - referencu na funkciju koju treba odvojiti.

Obično to znači da se rukovalac događaja odvaja na isti način na koji je i bio povezan. To jest, ako smo ga povezali ovako: addEventListener('click', func), onda ćemo ga i odvojiti sa istim parametrima, ovako: removeEventListener('click', func).

Dakle, rešimo zadat koji smo postavili:

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

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