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