Return to Video

Анатомия слушателя событий jQuery

  • 0:00 - 0:03
    Вы исследовали события браузера,
  • 0:03 - 0:05
    наблюдали их во время их регистрации.
  • 0:05 - 0:09
    Теперь пришло время слушать их
    и реагировать на них с помощью jQuery.
  • 0:09 - 0:13
    Для этого нужны три вещи -
  • 0:13 - 0:17
    нужен элемент для прослушивания,
    событие, на которое мы хотим реагировать,
  • 0:17 - 0:19
    и необходимые ответные действия.
  • 0:19 - 0:22
    Давайте я покажу вам пример.
  • 0:22 - 0:25
    Мне нужен целевой элемент,
    который jQuery будет прослушивать,
  • 0:25 - 0:30
    поэтому я буду использовать jQuery
    для выбора поля ввода.
  • 0:30 - 0:32
    Далее - я вызываю метод .on()
  • 0:32 - 0:34
    В этом методе .on()
    и происходит все волшебство.
  • 0:34 - 0:39
    Это основной способ, используемый jQuery
    для установки слушателей событий.
  • 0:39 - 0:42
    Первый аргумент метода .on() -
    это событие, которое я хочу слушать.
  • 0:42 - 0:44
    Здесь - это нажатие клавиши.
  • 0:44 - 0:48
    Но это также может быть клик,
    изменение и наведение указателя мыши.
  • 0:48 - 0:49
    И, наконец,
  • 0:49 - 0:53
    нужно передать функцию
    с действиями в ответ на событие.
  • 0:53 - 0:55
    Эта функция называется
    функцией обратного вызова.
  • 0:55 - 0:58
    Функция обратного вызова,
    передаваемая в метод .on(),
  • 0:58 - 1:00
    это просто обычная функция JavaScript.
  • 1:00 - 1:02
    И поэтому она может содержать
    любой код JavaScript,
  • 1:02 - 1:06
    от изменения содержания страницы
    до аналитического кода.
  • 1:06 - 1:09
    Я изменю код функции,
    чтобы изменить цвет страницы.
  • 1:09 - 1:11
    И я проверю это.
  • 1:11 - 1:14
    ... Смотрится хорошо.
  • 1:14 - 1:17
    Далее, в контрольной, вы сделаете
    собственный слушатель событий.
Tytuł:
Анатомия слушателя событий jQuery
Opis:

03-07 Анатомия слушателя событий jQuery

more » « less
Video Language:
English
Team:
Udacity
Projekt:
ud245 - Intro to JQuery
Duration:
01:18

Russian subtitles

Revisions Compare revisions