Exemple
Exécuter un script JavaScript lorsqu'un utilisateur modifie l'option sélectionnée d'un <select> élément:
<select onchange="myFunction()">
Essayez vous - même » Plus "Try it Yourself" - "Try it Yourself" exemples ci - dessous.
Définition et utilisation
L'événement onchange se produit lorsque la valeur d'un élément a été modifié.
Pour radiobuttons et cases à cocher, l'événement OnChange se produit lorsque a été modifié l'état vérifié.
Astuce: Cet événement est similaire à l' oninput événement. La différence est que l'événement se produit immédiatement après oninput la valeur d'un élément a changé, alors que onchange se produit lorsque l'élément perd le focus, après que le contenu a été modifié. L'autre différence est que l'événement onchange fonctionne aussi sur <keygen> et <select> éléments.
Support du navigateur
un événement | |||||
---|---|---|---|---|---|
onchange | Oui | Oui | Oui | Oui | Oui |
Syntaxe
En HTML:
< Essayez vous - même »
JavaScript:
object .onchange=function(){ Essayez vous - même »
En JavaScript, en utilisant la addEventListener() méthode:
object .addEventListener("change", myScript );
Essayez vous - même » Note: Le addEventListener() méthode est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Oui |
---|---|
cancelable: | Non |
Type d'événement: | un événement |
Pris en charge les balises HTML: | <Input type = "checkbox">, <input type = "color">, <input type = "date">, <input type = "datetime">, <input type = "email">, <input type = » fichier ">, <input type =" mois ">, <input type =" nombre ">, <input type =" mot de passe ">, <input type =" radio ">, <input type =" plage ">, < input type = "recherche">, <input type = "tel">, <input type = "text">, <input type = "temps">, <input type = "url">, <input type = "semaine « >, <keygen>, <select> et <textarea> |
DOM Version: | Niveau 2 Événements |
autres exemples
Exemple
Exécuter un script JavaScript lorsqu'un utilisateur modifie le contenu d'un champ d'entrée:
<input type="text"
onchange="myFunction()">
Essayez vous - même » <Object Event