Contenu principal
Cours : Apprendre à coder > Chapitre 7
Leçon 5: Événements du DOM avec jQueryQu'a-t-on comme événements et propriétés du DOM?
Les navigateurs déclenchent de nombreux événements. On peut utiliser jQuery pour ajouter des écouteurs d'événements sur chacun d'entre eux.
Une liste complète des événements de navigateur est sur MDN. Voici une partie des noms et types d'événements les plus courants, avec des exemples pour les utiliser :
- événements souris : 'click' (exemple), 'mousedown'/'mouseup' (exemple), 'mousemove' (exemple), 'mouseenter'/'mouseleave' (exemple)
- événements clavier : 'keydown', 'keypress', 'keyup' (exemple)
- événements tactiles : 'touchdown', 'touchup', 'touchstart', ‘touchcancel’ (exemple)
- événements de glisser/déposer : 'dragstart', 'dragend' (De nombreux développeurs utilisent jQueryUI pour les fonctionnalités de glisser/déposer, car il peut être délicat d'utiliser les événements de glisser/déposer directement. Voici des exemples d'éléments glissables et de zones de pose.)
- événements de formulaire : 'submit' (exemple), 'change' (exemple), 'focus'/'blur' (exemple).
- événements de fenêtre : 'scroll' (exemple), 'reload', 'hashchange'
Quand vous ajoutez un écouteur d'événement et que l'événement se déclenche, jQuery va appeler votre code de retour avec un objet événement jQuery contenant les propriétés adéquates. Lisez la documentation pour en savoir plus sur ces propriétés.
Vous souhaitez rejoindre la discussion ?
Pas encore de posts.