Метод removeEventListener
Добавить в избранноеМетод removeEventListener позволяет удалить назначенный ранее через addEventListener обработчик события. Для этого в параметрах нужно передать тип события и ту же функцию, которые передавались при назначении события.
Синтаксис
элемент.removeEventListener('тип события', функция)
Пример
Сделаем так, чтобы клик по элементу сработал только один раз:
<input type="button" id="button" value="click me">
let button = document.querySelector('#button');
button.addEventListener('click', func); // назначаем событие
let button = document.querySelector('#button');
button.addEventListener('click', func); // назначаем событие
function func() {
alert('!!!');
button.removeEventListener('click', func); // после клика удаляем его
}