jQuery

Изучение библиотек jQuery

24 урока 31 задание Справочник

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

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


JavaScriptjQuery

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

Видео урок:

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

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

Исходный код

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

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

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

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

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


JavaScriptjQuery

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