Уроки Javascript

#11 – События и обработчик событий в JavaScript

#11 – События и обработчик событий в JavaScript

Для работы с пользователем вам необходимо научиться обрабатывать его действия: нажатия, перемещения, наведение мыши и прочее. За урок мы научимся отслеживать действия пользователя и в зависимости от них выполнять различный код.

Видеоурок

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


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

<p ondblclick="testFunction()">Нажмите два раза</p>

При двойном нажатии будет вызываться функция testFunction. Осталось лишь добавить саму функцию:

function testFunction() {
	alert("Вы нажали два раза!");
}

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

Материалы для курса

Чтобы скачивать материалы к видеокурсам необходимо оформить подписку на сайт

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Уроки Node JS и Express для начинающих
13 уроков
Изучение библиотек jQuery
24 урока
Курс по React JS для начинающих
11 уроков
Изучение JavaScript: от нуля и до создания сайта
Создание динамического веб сайта
22 урока
Практика React JS / Разработка магазина (eCommerce)
9 уроков
Комментарии (1)
Добавить комментарий

Alexandra 11 июня 2022 в 02:59

Uncaught ReferenceError: onClickButton is not defined
at HTMLButtonElement.onclick
Ответить