Синтаксис

element.addEventListener(событие, функция);

Первый параметр — это тип события, например «щелчок» или «нажатие клавиши».

События DOM:

  • нажмите
  • нажатие клавиши
  • нажатие клавиши
  • ключ
  • наведение мыши
  • мышьэнтер
  • движение мыши
  • Отправить
  • рулевое колесо

Второй параметр — это функция, которую мы хотим вызвать при возникновении события.

Например, если мы хотим предупредить «Hello World» при нажатии кнопки, мы можем сделать…

const btn = document.querySelector («кнопка»);

const alertFn = () => {

Сообщить("Привет Мир");

}

btn.addEventListener('щелчок', alertFn);

  1. Мы создали кнопку для прикрепления события клика.
  2. мы создали функцию, которая будет вызываться при нажатии кнопки.
  3. мы определили тип события и какую функцию нужно вызывать при нажатии кнопки.

ПРИМЕЧАНИЕ. При создании события для кнопки «Отправить» используйте «Отправить» вместо «Нажмите».