Метод 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,
который отменяет действие по умолчанию