Le changement d’état d’un objet est appelé Événement . En HTML, il existe divers événements qui représentent qu'une activité est effectuée par l'utilisateur ou par le navigateur. Quand javascript le code est inclus dans HTML, js réagit à ces événements et permet l'exécution. Ce processus de réaction aux événements est appelé Gestion des événements . Ainsi, js gère les événements HTML via Gestionnaires d'événements .
Par exemple , lorsqu'un utilisateur clique sur le navigateur, ajoutez du code js, qui exécutera la tâche à effectuer sur l'événement.
méthode remplaçant en java
Certains des événements HTML et leurs gestionnaires d'événements sont :
Événements de souris :
| Événement réalisé | Gestionnaire d'événements | Description |
|---|---|---|
| Cliquez sur | sur clic | Lorsque la souris clique sur un élément |
| survol de la souris | au survol de la souris | Lorsque le curseur de la souris passe sur l'élément |
| sortie de la souris | onmouseout | Quand le curseur de la souris quitte un élément |
| souris vers le bas | sur la souris | Lorsque le bouton de la souris est enfoncé sur l'élément |
| souris | sur la souris | Lorsque le bouton de la souris est relâché sur l'élément |
| déplacement de la souris | surmousemove | Lorsque le mouvement de la souris a lieu. |
Événements de clavier :
| Événement réalisé | Gestionnaire d'événements | Description |
|---|---|---|
| Touche enfoncée et touche supérieure | onkeydown et onkeyup | Lorsque l'utilisateur appuie puis relâche la touche |
Événements de formulaire :
| Événement réalisé | Gestionnaire d'événements | Description |
|---|---|---|
| se concentrer | se concentrer | Lorsque l'utilisateur se concentre sur un élément |
| soumettre | sursoumettre | Lorsque l'utilisateur soumet le formulaire |
| se brouiller | le flou | Lorsque le focus est éloigné d'un élément de formulaire |
| changement | sur le changement | Lorsque l'utilisateur modifie ou change la valeur d'un élément de formulaire |
Événements de fenêtre/document
| Événement réalisé | Gestionnaire d'événements | Description |
|---|---|---|
| charger | en charge | Lorsque le navigateur termine le chargement de la page |
| décharger | au déchargement | Lorsque le visiteur quitte la page Web actuelle, le navigateur la décharge |
| redimensionner | onresize | Lorsque le visiteur redimensionne la fenêtre du navigateur |
Discutons de quelques exemples d'événements et de leurs gestionnaires.
liste double chaînée
Cliquez sur Événement
Javascript EventsTestez-le maintenant
Événement MouseOver
<p onmouseover="mouseoverevent()"> Keep cursor over me</p>Testez-le maintenant
Événement ciblé
Javascript Events <h2> Enter something here</h2>Testez-le maintenant
Événement Keydown
Javascript Events <h2> Enter something here</h2>Testez-le maintenant
Charger l'événement
Javascript Events <br>Testez-le maintenant