Événement oninput
Exemple
Exécute un JavaScript lorsqu'un utilisateur écrit quelque chose dans un champ <input> :
<input type="text" oninput="myFunction()">
Plus d'exemples "Essayez-le vous-même" ci-dessous.
Définition et utilisation
L'événement oninput se produit lorsqu'un élément reçoit une entrée utilisateur.
Cet événement se produit lorsque la valeur d'un élément <input> ou <textarea> est modifiée.
Conseil : Cet événement est similaire à l' événement onchange . 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
Les nombres dans le tableau indiquent la première version du navigateur qui prend entièrement en charge l'événement.
Event | |||||
---|---|---|---|---|---|
oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
Syntaxe
En HTML :
<element oninput="myScript">
En Javascript :
object.oninput = function(){myScript};
En JavaScript, en utilisant la méthode addEventListener() :
object.addEventListener("input", 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 , Événement d'entrée |
Balises HTML compatibles : | <input type="couleur">, <input type="date">, <input type="datetime">, <input type="email">, <input type="mois">, <input type=" nombre">, <input type="password">, <input type="range">, <input type="search">, <input type="tel">, <input type="text">, < input type="time">, <input type="url">, <input type="week"> et <textarea> |
Version DOM : | Événements de niveau 3 |
Plus d'exemples
Exemple
Curseur de plage - comment mettre à jour dynamiquement la valeur du curseur :
<input type="range" oninput="myFunction(this.value)">