Уроки Javascript

Урок #13 - События и обработчик событий в JavaScript

Урок #13 - События и обработчик событий в JavaScript

Чтобы выполнять какие-либо действия по нажатию на кнопку или при наведении мышки необходимо отслеживать события и выполнять код. В уроке мы научимся отслеживать события в языке JavaScript.

Видеоурок

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


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

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

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

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

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

Исходный код

Весь код будет доступен после подписки на проект!

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

Загрузка...

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

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

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

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

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

Создание динамического веб сайта
22 урока
Изучение JavaScript: от нуля и до создания сайта
Уроки Node JS и Express для начинающих
17 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки Vue.js для начинающих
10 уроков
Изучение библиотек jQuery
24 урока
Комментарии для сайта Cackle