Return to Video

Anatomie d'un event listener jQuery

  • 0:00 - 0:03
    Jusqu'ici, vous avez recherché
    des événements de navigation,
  • 0:03 - 0:05
    et les avez pointés
    lors de la connexion.
  • 0:05 - 0:09
    Il est temps à présent de les écouter
    et de leur répondre avec jQuery.
  • 0:09 - 0:13
    Trois éléments sont nécessaires afin
    d'écouter et de réagir à des événements.
  • 0:13 - 0:17
    Vous avez besoin de l'élément cible,
    de l'événement auquel réagir,
  • 0:17 - 0:19
    et des actions de réponse.
  • 0:19 - 0:21
    Prenons un exemple.
  • 0:22 - 0:25
    J'ai besoin de l'élément cible
    que jQuery écoutera pour
  • 0:25 - 0:29
    les événements, je vais donc utiliser
    jQuery pour sélectionner le champ de saisie.
  • 0:30 - 0:32
    Ensuite, j'appelle la méthode on.
  • 0:32 - 0:34
    C'est avec cette méthode on
    que la magie opère.
  • 0:34 - 0:37
    C'est le principal moyen utilisé par jQuery
    pour mettre en place des event listeners.
  • 0:39 - 0:42
    Le premier argument de la méthode on
    est l'événement que je veux écouter.
  • 0:42 - 0:44
    Dans cet exemple, keypress
    (pression d'une touche).
  • 0:44 - 0:48
    Mais ça peut aussi être click, change
    et mouseover pour en nommer certains.
  • 0:49 - 0:49
    Et enfin,
  • 0:49 - 0:53
    j'ai besoin de passer en paramètre
    la fonction avec les actions de réponse.
  • 0:53 - 0:55
    Cette fonction est appelée callback (rappel).
  • 0:55 - 0:58
    La fonction callback passée en paramètre
    de la méthode on,
  • 0:58 - 1:00
    est une fonction JavaScript normale.
  • 1:00 - 1:02
    Donc, peut contenir n'importe
    quel code JavaScript,
  • 1:02 - 1:06
    allant de la modification de contenu
    à du code analytique.
  • 1:06 - 1:08
    Je vais modifier le contenu de la fonction
    pour changer la couleur de la page.
  • 1:10 - 1:12
    Et je la teste.
  • 1:12 - 1:14
    Bam.
    C'est pas mal.
  • 1:14 - 1:17
    Dans le prochain quiz, vous allez
    créer votre propre listener.
Tytuł:
Anatomie d'un event listener jQuery
Opis:

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

French subtitles

Revisions