Уроки Javascript

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

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

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

Видеоурок

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

В качестве значения для атрибута можно поместить функцию, которая будет вызываться каждый раз при срабатывании определенного события. К примеру, если мы хотим вызвать всплывающее окно при двойном клике на текст, то стоит записать следующий HTML-код:
<p ondblclick="testFunction()">Нажмите два раза</p>
Теперь будет вызываться функция testFunction как только будет двойное нажатие на текст в абзаце. Осталось лишь добавить функцию для обработки нажатия:
function testFunction() {
   alert("Вы нажали два раза!");
}
Вы также можете передавать неограниченное количество параметров в саму функцию. Их просто необходимо прописать в вызове функции через запятую, а в самой функции принимать их.

Исходный код

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

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

Загрузка...

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

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

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

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

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

Изучение React JS / Redux библиотеки
9 уроков
Создание приложения на React JS / Использование API
7 уроков
Уроки Node JS и Express для начинающих
17 уроков
Курс по React JS для начинающих
14 уроков
Изучение библиотек jQuery
24 урока
Изучение JavaScript: от нуля и до создания сайта