Démonstration des Événements JavaScript

Testez chaque événement en interagissant avec les éléments ci-dessous. Une alerte s'affichera à chaque déclenchement.

🔍 onFocus & onBlur

Ces événements se déclenchent quand un élément obtient ou perd le focus.

Testez en cliquant dans le champ puis en cliquant ailleurs :

En attente d'interaction...

🖱️ onClick

Se déclenche lors d'un clic sur l'élément.

Cliquez sur le bouton ci-dessous :

En attente d'un clic...

⌨️ onInput

Se déclenche immédiatement à chaque changement de valeur.

Tapez dans le champ ci-dessous :

Aucune saisie encore...

🔄 onChange

Se déclenche quand la valeur est modifiée et que l'élément perd le focus.

Sélectionnez une option :

Aucun changement encore...

📄 onLoad

Se déclenche quand la page est complètement chargée.

L'événement onLoad s'est déjà déclenché au chargement de la page.

Vous pouvez simuler un rechargement :

Page chargée à

📝 onSubmit

Se déclenche quand un formulaire est soumis.

Remplissez et soumettez le formulaire :

Formulaire non soumis...