événement oninput


oninput Événement

Instance

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>

<p>在文本框中尝试输入触发函数。</p>
<input type="text" id="myInput" oninput="myFunction()">
<p id="demo"></p>
<script>
function myFunction() {
    var x = document.getElementById("myInput").value;
    document.getElementById("demo").innerHTML = "你输入的是: " + x;
}
</script>

</body>
</html>

Exécuter l'instance»

Cliquez Bouton "Exécuter l'instance" pour afficher l'instance en ligne


Définition et utilisation

L'événement oninput est déclenché lorsque l'utilisateur entre.

L'événement se produit dans <input> <textarea> Se déclenche lorsque la valeur de l'élément change.

Conseil : Cet événement est similaire à l'événement onchange. La différence est que l'événement oninput est déclenché immédiatement lorsque la valeur de l'élément change. onchange est déclenché lorsque l'élément perd le focus. Une autre différence est que l'événement onchange peut également agir sur <keygen> élément.

Support du navigateur

Le numéro dans le tableau indique le numéro de version du premier navigateur qui prend en charge l'événement.

Événement
事件




oninputYes9.04.05.0Yes

oninputOui9.04.05.0 Oui

Syntaxe
HTML :<
element
oninput="

myScript

"> Essayez-le
JavaScript :
objet
.oninput=function(){

myScript

} ; Essayez-le
En JavaScript, utilisez la méthode addEventListener() :
object
.addEventListener("input",

myScript); Essayez-le

Remarque :

Internet Explorer 8 et les versions antérieures d'IE ne fonctionnent pas Prend en charge la méthode addEventListener().
是否支持冒泡:Yes
是否可以取消:No
事件类型:Event
支持的 HTML 标签:<input type="password">, <input type="search">, <input type="text"> 和 <textarea>

Détails techniques

<🎜><🎜><🎜><🎜>