Événement onchange

Événements DOM Objet Event

Définition et utilisation

Un événement onchange se produit lorsque la valeur de l'élément change.

Pour les cases à cocher et les cases à sélection multiple, un événement onchange se produit lors du changement d'état de sélection.

Conseil :Cet événement est similaire à Événement oninput. La différence réside dans le fait que l'événement oninput se produit immédiatement après que la valeur de l'élément ait changé, tandis que l'événement onchange se produit après que l'élément ait perdu le focus et que le contenu ait changé. Une autre différence est que l'événement onchange est également applicable aux éléments <select>.

Exemple

Exemple 1

Exécutez JavaScript lorsque l'utilisateur change l'option sélectionnée de l'élément <select> :

<select onchange="myFunction()">

Essayez-le vous-même

Exemple 2

Exécutez JavaScript lorsque l'utilisateur modifie le contenu du champ d'entrée :

<input type="text" onchange="myFunction()">

Essayez-le vous-même

Syntaxe

Dans HTML :

<element onchange="myScript">

Essayez-le vous-même

Dans JavaScript :

object.onchange = function(){myScript};

Essayez-le vous-même

Dans JavaScript, utilisez la méthode addEventListener() :

object.addEventListener("change", myScript);

Essayez-le vous-même

Remarque :Internet Explorer 8 et versions antérieures ne prennent pas en charge Méthode addEventListener().

Détails techniques

Bubbling : Support
Annulable : Non pris en charge
Type d'événement : Event
Les balises HTML prises en charge : <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

Support du navigateur

Événements Chrome IE Firefox Safari Opera
onchange Support Support Support Support Support
Événements DOM Objet Event