YouTube

Got a YouTube account?

New: enable viewer-created translations and captions on your YouTube channel!

Italian subtitles

← 03-07 Anatomy_of_a_jQuery_Event_Listener

Get Embed Code
16 Languages

Showing Revision 1 created 09/19/2019 by Melissa Cosentino .

  1. Finora,
    hai ricercato eventi browser, e
  2. li hai sbirciati
    e visto che sono connessi.
  3. Ora è tempo di ascoltare
    e rispondergli con JQuery.
  4. Ci sono tre oggetti necessari per
    ascoltare e reagire agli eventi.
  5. Devi individuare l'elemento da ascoltare,
    l'elemento al quale vogliamo reagire,
  6. e le azioni da eseguire in risposta.
  7. Ti mostro un esempio.
  8. Mi serve l'elemento target
    che JQuery starà ascoltando
  9. per gli eventi, quindi userò JQuery
    per selezionare il campo di input.
  10. Poi, richiamo il metodo on.
  11. È qui che succede la magia.
  12. È il modo principale che usa JQuery
    per impostare i listener.
  13. Il primo argomento del metodo on
    è l'elemento che cerco di ascoltare.
  14. In questo esempio,
    è keypress
  15. Ma potrebbero essere click, change,
    e mouseover per dirne alcuni.
  16. In fine,
  17. Devo passare una funzine con le azioni
    voglio che accadano nella risposta.
  18. La funzione è chiamata callback.
  19. La funzione callback
    passata nel metodo on,
  20. è una semplice funzione JavaScript.
  21. E quindi, può contenere
    qualsiasi codice JavaScript,
  22. da modifiche al contenuto della pagina
    a codici analitici.
  23. Cambierò la funzione per modificare
    il colore della pagina.
  24. E farò un test.
  25. Bam.
    Bello.
  26. Nel prossimo quiz, creerai
    il tuo evento listener.