YouTube

Got a YouTube account?

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

French subtitles

← Anatomie d'un event listener jQuery

Get Embed Code
16 Languages

Showing Revision 1 created 05/18/2017 by Aurore Goupil.

  1. Jusqu'ici, vous avez recherché
    des événements de navigation,
  2. et les avez pointés
    lors de la connexion.
  3. Il est temps à présent de les écouter
    et de leur répondre avec jQuery.
  4. Trois éléments sont nécessaires afin
    d'écouter et de réagir à des événements.
  5. Vous avez besoin de l'élément cible,
    de l'événement auquel réagir,
  6. et des actions de réponse.
  7. Prenons un exemple.
  8. J'ai besoin de l'élément cible
    que jQuery écoutera pour
  9. les événements, je vais donc utiliser
    jQuery pour sélectionner le champ de saisie.
  10. Ensuite, j'appelle la méthode on.
  11. C'est avec cette méthode on
    que la magie opère.
  12. C'est le principal moyen utilisé par jQuery
    pour mettre en place des event listeners.
  13. Le premier argument de la méthode on
    est l'événement que je veux écouter.
  14. Dans cet exemple, keypress
    (pression d'une touche).
  15. Mais ça peut aussi être click, change
    et mouseover pour en nommer certains.
  16. Et enfin,
  17. j'ai besoin de passer en paramètre
    la fonction avec les actions de réponse.
  18. Cette fonction est appelée callback (rappel).
  19. La fonction callback passée en paramètre
    de la méthode on,
  20. est une fonction JavaScript normale.
  21. Donc, peut contenir n'importe
    quel code JavaScript,
  22. allant de la modification de contenu
    à du code analytique.
  23. Je vais modifier le contenu de la fonction
    pour changer la couleur de la page.
  24. Et je la teste.
  25. Bam.
    C'est pas mal.
  26. Dans le prochain quiz, vous allez
    créer votre propre listener.