Используй addEventListener для присоединения события к элементу DOM:
element.addEventListener("click", handler)
Метод принимает тип события, функцию-обработчик и опциональный объект параметров.
Используй removeEventListener для отсоединения события:
element.removeEventListener("click", handler)
Функция-обработчик, которую ты передаёшь, должна быть той же самой ссылкой на функцию, которая была использована при добавлении слушателя. Это означает, что анонимные функции нельзя удалить, так как каждое объявление создаёт новую ссылку.
() => {}Чтобы вызвать обработчик только один раз, передай опцию once:
element.addEventListener("click", handler, { once: true })
Это автоматически удалит слушатель после первого вызова — не нужно вручную вызывать removeEventListener.
Анонимные функции можно удалить из элементов DOM, передав ту же встроенную ссылку на функцию в removeEventListener.
Новый — ещё не проверен сообществом
Вы