Événement onchange
Exemple
Exécute un JavaScript lorsqu'un utilisateur modifie l'option sélectionnée d'un élément <select> :
<select onchange="myFunction()">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement onchange se produit lorsque la valeur d'un élément a été modifiée.
Pour les boutons radio et les cases à cocher, l'événement onchange se produit lorsque l'état coché a été modifié.
Conseil : Cet événement est similaire à l' événement oninput . La différence est que l'événement oninput se produit immédiatement après la modification de la valeur d'un élément, tandis 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 également sur les éléments <select>.
Prise en charge du navigateur
Event | |||||
---|---|---|---|---|---|
onchange | Yes | Yes | Yes | Yes | Yes |
Syntaxe
En HTML :
<element onchange="myScript">
En Javascript :
object.onchange = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("change", myScript);
Remarque : La méthode addEventListener() n'est pas prise en charge dans Internet Explorer 8 et les versions antérieures.
Détails techniques
Bulles: | Oui |
---|---|
Annulable : | Non |
Type d'événement: | Événement |
Balises HTML compatibles : | <input type="checkbox">, <input type="color">, <input type="date">, <input type="datetime">, <input type="email">, <input type=" file">, <input type="month">, <input type="number">, <input type="password">, <input type="radio">, <input type="range">, < input type="search">, <input type="tel">, <input type="text">, <input type="time">, <input type="url">, <input type="week ">, <select> et <textarea> |
Version DOM : | Événements de niveau 2 |
Plus d'exemples
Exemple
Exécutez un JavaScript lorsqu'un utilisateur modifie le contenu d'un champ de saisie :
<input type="text"
onchange="myFunction()">