Для добавления обработчика события на DOM-элемент в JavaScript, можно использовать метод addEventListener(). Этот метод позволяет добавить функцию-обработчик события для определенного события на определенный элемент.
Синтаксис метода addEventListener() выглядит следующим образом:
element.addEventListener(event, function, useCapture);где:
element- DOM-элемент, на который нужно добавить обработчик события.event- тип события, например, ‘click’, ‘keydown’, ‘submit’ и т.д.function- функция-обработчик события, которая будет вызвана при наступлении события.useCapture- необязательный параметр, который указывает, должен ли обработчик события быть вызван в фазе перехвата (true) или в фазе всплытия (false, по умолчанию).
Вот пример, который добавляет обработчик события клика на кнопку и выводит сообщение в консоль:
const button = document.querySelector("button")
button.addEventListener("click", function () {
console.log("Кнопка нажата")
})Это добавит функцию-обработчик на кнопку, который будет вызываться при клике на кнопку.
Важно отметить, что если нужно удалить обработчик события, можно использовать метод removeEventListener(), который принимает те же параметры, что и addEventListener().