Return to Video

03-07 Anatomy_of_a_jQuery_Event_Listener

  • 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:20
    Давайте покажу вам приклад.
  • 0:22 - 0:25
    Мені треба цільовий елемент, котрий jQuery буде слухати
  • 0:25 - 0:29
    для подій, то ж я використаю jQuery, щоб обрати поле вводу
  • 0:30 - 0:32
    далі я викликаю on метод
  • 0:32 - 0:34
    З оцим on методом і відбувається магія.
  • 0:34 - 0:37
    Це основний крок, що використовує jQuery для налаштування обробки подій.
  • 0:39 - 0:42
    Перший аргумент по on методу - це подія, яку я хочу почути
  • 0:42 - 0:44
    В цьому прикладі, це натиснення клавіші.
  • 0:44 - 0:48
    Це міг також бути клік, зміна і "mouseover".
  • 0:49 - 0:49
    І нарешті,
  • 0:49 - 0:53
    Треба передати функцію з дій, які мають статися у відповідь.
  • 0:53 - 0:55
    Ця функція називається функція зворотнього виклику.
  • 0:55 - 0:58
    Функція callback передається в основі on методу,
  • 0:58 - 1:00
    і є регулярною функцією JavaScript.
  • 1:00 - 1:02
    Отже може вміщати будь-який JavaScript код:
  • 1:02 - 1:06
    від вмісту змінюваної сторінки до аналітики коду.
  • 1:06 - 1:08
    Я змінюю вміст функції, щоб змінити колір сторінки.
  • 1:10 - 1:11
    Я його перевірю.
  • 1:11 - 1:14
    О, виглядає добре.
  • 1:14 - 1:16
    В наступному завданні ви створите свій власний приймач обробки подій.
Tytuł:
03-07 Anatomy_of_a_jQuery_Event_Listener
Opis:

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

Ukrainian subtitles

Revisions Compare revisions