Урок №20 - Обработчик событий
Відеоурок
За счёт обработки действий мы можем понимать что сделал пользователь и в зависимости от действия выполнять определённый функционал на сайте.
Для создания обработчика событий можно использовать метод bind() или же on(). В них необходимо указать какое действие мы отслеживаем, а также на каком блоке мы проверяем выполнение действия.
Пример реализации:
$("p").bind("mouseover", function () {
// Этот код сработает только когда пользователь
// наведет мышку на любой параграф на сайте.
// Можно выполнять любые необходимые действия
});Точно такую же функцию выполняет метод on(), но единственное отличается в синтаксисе записи:
$(document).on("dblclick", "#block", function(event) {
// Код сработает при двойном нажатии на блок с id = block
// Кроме того, мы можем получить данные про нажатие из
// переменной event, которую мы получаем в качестве параметра
});Получается, что за счёт обработчиков событий мы можем отслеживать различные действия пользователя и взаимодействовать с ними.
Вихідний код
Весь код буде доступний після підписки на проект! Онлайн редактор коду
Завдання до уроку
Необхідно оформити передплату на проект, щоб отримати доступ до всіх домашніх завдань
Велике завдання за курсом
Вам необхідно оформити передплату на сайті, щоб мати доступ до всіх великих завдань. У завдання входить методика рішення, а також готовий проект з відповіддю до завдання.
PS: подібні завдання доступні при підписці від 1 місяця
Також варто подивитися