Уроки Javascript

#11 – Події та обробник подій у JavaScript

#11 – Події та обробник подій у JavaScript

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

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

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


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

<p ondblclick="testFunction ()">Натисніть двічі</p>

При подвійному натисканні буде викликано функцію testFunction. Залишилося лише додати саму функцію:

function testFunction() {
	alert("Ви натиснули двічі!");
}

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

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

Щоб завантажувати матеріали до відеокурсів, необхідно оформити підписку на сайт

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

Завантаження...

Завдання до уроку

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

Велике завдання за курсом

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

Також варто подивитися

Вивчення JavaScript: від нуля та до створення сайту
Изучение React JS / Redux библиотеки
Уроки Vue.js для начинающих
Уроки React Native для начинающих / Разработка приложения с нуля
Создание приложения на React JS / Использование API
Уроки Angular для начинающих
Коментарі
Додати коментар

Поки що коментарів немає