Урок №20 - Обработчик событий

Урок №20 - Обработчик событий

Когда мы изучали JavaScript там был урок посвященный событиям. Сегодня мы изучим также различные события, но уже в jQuery. Итак, обработчик событий в jQuery.

Видеоурок

Обработчики событий позволяют получать различные отклики от пользователей. К примеру, пользователь нажал или просто навел мышку на какой-либо параграф. Как это можно узнать? Очень просто, так как jQuery позволяет создать обработчик события и поместить его на абсолютно любой элемент на сайте.

Для создания обработчика событий мы можем использовать метод bind() или же on(). В них необходимо указать какое действие мы отслеживаем (клик, наведение мышки, двойное нажатие..), а также на каком блоке мы проверяем это действие.
$("p").bind("mouseover", function () {
    // Этот код сработает только когда пользователь
    // наведет мышку на любой параграф на сайте.
    // Можно выполнять любые необходимые действия
});
Точно такую же функцию выполняет метод on(), единственное отличие в его форме записи:
$(document).on("dblclick", "#block", function (event) {
    // Код сработает при двойном нажатии на блок с id = block
    // Кроме того, мы можем получить данные про нажатие из
    // переменной event, которую мы получаем как параметр
});
Таким образом мы можем отслеживать различные нажатия и прочие действия от пользователя и взаимодействовать с ними.

Исходный код

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

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

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

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

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

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

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