Quels types d'événements (événements) existent-ils?

Il existe de nombreux types d'événements, mais les plus courants peuvent être regroupés en catégories:

• Événements d'interface utilisateur :

  • click : Clic sur un élément avec le bouton de la souris.
  • dblclick : Double clic sur un élément avec le bouton de la souris.
  • mousedown : Appui sur le bouton de la souris (avant de le relâcher).
  • mouseup : Relâchement du bouton de la souris.
  • mousemove : Déplacement du pointeur de la souris sur un élément.
  • mouseover : Survol d'un élément avec le pointeur de la souris.
  • mouseout : Fin du survol d'un élément avec le pointeur de la souris.
  • mouseenter : Pointeur de la souris sur un élément (ne se propage pas depuis les éléments enfants).
  • mouseleave : Pointeur de la souris quitte un élément (ne se propage pas depuis les éléments enfants).
  • contextmenu : Affichage du menu contextuel avec le bouton droit de la souris.

• Événements du clavier :

  • keydown : Touche enfoncée (avant de la relâcher).
  • keyup : Touche relâchée.
  • keypress : Touche enfoncée et maintenue, générant des données d'entrée de caractères. (Obsolète, il est recommandé d'utiliser keydown et keyup).

• Événements de formulaire :

  • submit : Soumission d'un formulaire.
  • change : Modification de la valeur d'un élément de formulaire (par exemple, <input>, <select>, <textarea>).
  • input : Modification de la valeur d'un élément de formulaire lorsque son contenu change de manière interactive.
  • focus : L'élément reçoit le focus.
  • blur : L'élément perd le focus.
  • cut : Couper le contenu.
  • copy : Copier le contenu.
  • paste : Coller le contenu.

• Événements de chargement et d'erreur :

  • load : Fin du chargement d'une ressource (par exemple, image, script, page).
  • unload : Quitter la page.
  • beforeunload : Tentative de quitter la page (permet d'afficher une boîte de dialogue de confirmation).
  • error : Une erreur s'est produite lors du chargement d'une ressource ou de l'exécution d'un script.

• Événements de focus (FocusEvent) :

  • focusin : L'élément ou l'un de ses éléments enfants reçoit le focus.
  • focusout : L'élément ou l'un de ses éléments enfants perd le focus.

• Événements de défilement :

  • scroll : Défilement d'un élément.

• Événements tactiles (pour appareils tactiles) :

  • touchstart : Le doigt touche l'écran.
  • touchend : Le doigt se lève de l'écran.
  • touchmove : Le doigt se déplace sur l'écran.
  • touchcancel : Événement tactile interrompu (par exemple, en raison de l'appel au menu système).

• Événements de glisser-déposer (Drag and Drop) :

  • dragstart : Début du glisser.
  • drag : L'élément est en train d'être glissé.
  • dragend : Fin du glisser.
  • dragenter : L'élément a été glissé sur une zone de dépôt valide.
  • dragleave : L'élément a été glissé hors d'une zone de dépôt valide.
  • dragover : L'élément a été glissé sur une zone de dépôt valide (nécessite d'annuler le comportement par défaut pour permettre le dépôt).
  • drop : L'élément a été déposé sur une zone de dépôt valide.

• Événements de l'historique du navigateur :

  • popstate : Changement dans l'entrée active de l'historique lors de la navigation (par exemple, clic sur "Précédent/Suivant").

• Événements de changement de taille de la fenêtre :

  • resize : Changement de la taille de la fenêtre du navigateur.

Ce n'est pas une liste exhaustive, mais elle couvre les types d'événements les plus fréquents et importants dans le développement web. Comprendre leur but et leur comportement est essentiel pour créer des applications web interactives.