как настроить javascript событие

Аватар пользователя Aleksey
Aleksey
13 апреля 2023

Для настройки событий в JavaScript используется метод addEventListener(). Он позволяет привязать функцию-обработчик к определенному событию, например, клику на элементе или изменению значения в поле формы.

Вот пример использования метода addEventListener(), который привязывает функцию-обработчик к событию клика на кнопке:

const button = document.querySelector('#myButton'); // находим кнопку по селектору
button.addEventListener('click', function () {
  // добавляем обработчик события
  alert('Кнопка нажата!');
});

В этом примере мы находим кнопку по селектору и добавляем к ней обработчик события клика, который вызывает функцию, выводящую сообщение об нажатии кнопки.

Можно также использовать более современный способ добавления обработчика событий, используя addEventListener с функцией-стрелкой:

const button = document.querySelector('#myButton');
button.addEventListener('click', () => alert('Кнопка нажата!'));

В этом примере мы делаем то же самое, но используем функцию-стрелку вместо анонимной функции в качестве обработчика события.

0 0
Познакомьтесь с основами JavaScript бесплатно