Μέθοδος removeEventListener

Η μέθοδος removeEventListener επιτρέπει την αφαίρεση ενός προηγουμένως ορισμένου μέσω addEventListener χειριστή συμβάντος. Για αυτό, στις παραμέτρους πρέπει να περάσετε τον τύπο του συμβάντος και την ίδια συνάρτηση, που είχαν περαστεί κατά τον ορισμό του συμβάντος.

Σύνταξη

στοιχείο.removeEventListener('τύπος συμβάντος', συνάρτηση);

Παράδειγμα

Ας κάνουμε έτσι ώστε το κλικ στο στοιχείο να λειτουργήσει μόνο μία φορά:

<input type="button" id="button" value="click me">

let button = document.querySelector('#button');
button.addEventListener('click', func); // ορίζουμε το συμβάν

function func() {
	alert('!!!');
	button.removeEventListener('click', func); // μετά το κλικ το αφαιρούμε
};

Δείτε επίσης

μέθοδος preventDefault,
που ακυρώνει την προεπιλεγμένη ενέργεια