Синтаксис
element.addEventListener(событие, функция);
Первый параметр — это тип события, например «щелчок» или «нажатие клавиши».
События DOM:
- нажмите
- нажатие клавиши
- нажатие клавиши
- ключ
- наведение мыши
- мышьэнтер
- движение мыши
- Отправить
- рулевое колесо
Второй параметр — это функция, которую мы хотим вызвать при возникновении события.
Например, если мы хотим предупредить «Hello World» при нажатии кнопки, мы можем сделать…
const btn = document.querySelector («кнопка»);
const alertFn = () => {
Сообщить("Привет Мир");
}
btn.addEventListener('щелчок', alertFn);
- Мы создали кнопку для прикрепления события клика.
- мы создали функцию, которая будет вызываться при нажатии кнопки.
- мы определили тип события и какую функцию нужно вызывать при нажатии кнопки.
ПРИМЕЧАНИЕ. При создании события для кнопки «Отправить» используйте «Отправить» вместо «Нажмите».