Метод removeEventListener

Метод removeEventListener позволяет удалить назначенный ранее через addEventListener обработчик события. Для этого в параметрах нужно передать тип события и ту же функцию, которые передавались при назначении события.

Синтаксис

javascriptэлемент.removeEventListener('тип события', функция);

Пример

Сделаем так, чтобы клик по элементу сработал только один раз:

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

javascriptlet button = document.querySelector('#button');
button.addEventListener('click', func); // назначаем событие

function func() {
  alert('!!!');
  button.removeEventListener('click', func); // после клика удаляем его
};

Результат:

Смотрите также