Événéments dans une page HTML☘

En programmation, un événement correspond essentiellement à une action de l'utilisateur. Par exemple :

A chacun de ces événements, on peut associer un (ou des) script(s) JavaScript déclenchant une action.

Cliquez sur le bouton ci-contre :

Survolez le présent paragraphe à qui sont associés les deux événements : mouseover et mouseout.

Quelques événements☘

Nous citons quelques événements et leurs descriptifs extraits de la fondation Mozilla - MDN.

mouseover : l'événement mouseover est déclenché lorsqu'un dispositif de pointage passe au-dessus d'un élément lié à l'écouteur d'événement (EventListener), ou au-dessus de l'un de ses enfants.
mouseout : l'événement mouseout est déclenché quand un outil de pointage (généralement une souris) est déplacé hors de l'élément mis sur écoute ou un de ses enfants.
mousemove : l'événement mousemove se déclenche quand un dispositif de pointage (la plupart du temps une souris) se déplace alors qu'elle est au dessus de l'élément écouté.
mouseup : l'événement mouseup est déclenché quand un dispositif de pointage est relâché au dessus d'un élément.
keypress : l'événement keypress est déclenché lorsqu'une touche produisant une valeur de caractère est enfoncée.
- Des exemples de touches produisant une valeur de caractère sont les touches alphabétiques, numériques et de ponctuation.
- Des exemples de touches ne produisant pas de valeur de caractère sont des touches de modification telles que [Alt], [Shift], [Ctrl], ...
keydown : l'événement keydown est déclenché lorsqu'une touche est enfoncée.
load: l’évènement load est émis lorsqu’une ressource et ses ressources dépendantes sont complètement chargées.

A noter

Vous trouverez une liste plus complète d'événements possibles sur le site w3schools ou encore sur le site de Mozilla - MDN.

Il est aussi possible d'approfondir ses connaissances sur le site OpenClassrooms.