Return to Video

03-07 Anatomy_of_a_jQuery_Event_Listener

  • 0:00 - 0:03
    Finora,
    hai ricercato eventi browser, e
  • 0:03 - 0:05
    li hai sbirciati
    e visto che sono connessi.
  • 0:05 - 0:09
    Ora è tempo di ascoltare
    e rispondergli con JQuery.
  • 0:09 - 0:13
    Ci sono tre oggetti necessari per
    ascoltare e reagire agli eventi.
  • 0:13 - 0:17
    Devi individuare l'elemento da ascoltare,
    l'elemento al quale vogliamo reagire,
  • 0:17 - 0:19
    e le azioni da eseguire in risposta.
  • 0:19 - 0:20
    Ti mostro un esempio.
  • 0:22 - 0:25
    Mi serve l'elemento target
    che JQuery starà ascoltando
  • 0:25 - 0:29
    per gli eventi, quindi userò JQuery
    per selezionare il campo di input.
  • 0:30 - 0:32
    Poi, richiamo il metodo on.
  • 0:32 - 0:34
    È qui che succede la magia.
  • 0:34 - 0:37
    È il modo principale che usa JQuery
    per impostare i listener.
  • 0:39 - 0:42
    Il primo argomento del metodo on
    è l'elemento che cerco di ascoltare.
  • 0:42 - 0:44
    In questo esempio,
    è keypress
  • 0:44 - 0:48
    Ma potrebbero essere click, change,
    e mouseover per dirne alcuni.
  • 0:49 - 0:49
    In fine,
  • 0:49 - 0:53
    Devo passare una funzine con le azioni
    voglio che accadano nella risposta.
  • 0:53 - 0:55
    La funzione è chiamata callback.
  • 0:55 - 0:58
    La funzione callback
    passata nel metodo on,
  • 0:58 - 1:00
    è una semplice funzione JavaScript.
  • 1:00 - 1:02
    E quindi, può contenere
    qualsiasi codice JavaScript,
  • 1:02 - 1:06
    da modifiche al contenuto della pagina
    a codici analitici.
  • 1:06 - 1:08
    Cambierò la funzione per modificare
    il colore della pagina.
  • 1:10 - 1:11
    E farò un test.
  • 1:11 - 1:14
    Bam.
    Bello.
  • 1:14 - 1:16
    Nel prossimo quiz, creerai
    il tuo evento listener.
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

Italian subtitles

Revisions