Return to Video

03-07 Anatomy_of_a_jQuery_Event_Listener

  • 0:00 - 0:03
    Eddig megismerted a böngésző
    eseményeket, és beleshettél
  • 0:03 - 0:05
    abba, hogy miként kerülnek
    azok naplózásra.
  • 0:05 - 0:09
    Itt az ideje ténylegesen figyelni és
    reagálni rájuk jQuery-vel.
  • 0:09 - 0:13
    Három elemre van szükséged ahhoz, hogy
    eseményeket megfigyelj és reagálj rájuk.
  • 0:13 - 0:17
    Kell a megfigyelt cél elem, az esemény,
    amire reagálni akarunk,
  • 0:17 - 0:19
    és a művelet, amit válaszként csinálunk.
  • 0:19 - 0:20
    Lássunk egy példát.
  • 0:22 - 0:25
    Kell egy cél elem, amit a jQuery figyelni
    fog az eseményekért,
  • 0:25 - 0:29
    ezért a jQuery-t használom a beviteli
    mező kiválasztásához.
  • 0:30 - 0:32
    Ezután meghívom a metódust.
  • 0:32 - 0:34
    Ez az on metódus az, ahol a
    varázslat megtörténik.
  • 0:34 - 0:37
    Főleg ezt a módot használja a jQuery,
    hogy figyelőket állítson be.
  • 0:39 - 0:42
    A metódus első argumentuma az
    esemény, amit figyelni szeretnék.
  • 0:42 - 0:44
    Például egy gombnyomás.
  • 0:44 - 0:48
    De ez lehet kattintás, változás, egér
    rávitel, hogy párat említsek.
  • 0:49 - 0:49
    Végül át
  • 0:49 - 0:53
    kell adnom a függvényt a műveletekkel,
    amiket válaszokként szeretnék.
  • 0:53 - 0:55
    Ez a függvény a callback (visszahívás).
  • 0:55 - 0:58
    Az on metódusnak átadott visszahívás
    csak egy szokványos
  • 0:58 - 1:00
    JavaScript függvény.
  • 1:00 - 1:02
    És ezért bármilyen JavaScript kód lehet
    benne, amit szeretnél,
  • 1:02 - 1:06
    az oldaltartalom módosításától az
    analitikus kódokig.
  • 1:06 - 1:08
    Megváltoztatom a függvény tartalmát az
    oldalszín megváltoztatásához.
  • 1:10 - 1:11
    És letesztelem.
  • 1:11 - 1:14
    Íme.
    Jónak tűnik.
  • 1:14 - 1:16
    A következő tesztben saját esemény-
    figyelőt fogsz csinálni.
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

Hungarian subtitles

Revisions