Maison > Article > interface Web > Existe-t-il un événement oninput dans jquery ?

Existe-t-il un événement oninput dans jquery ?

WBOYoriginal: 2022-06-14 19:03:012634parcourir

Il n'y a pas d'événement oninput dans jquery. Cet événement est déclenché lorsque l'utilisateur entre et existe en HTML et JavaScript, vous pouvez utiliser la méthode addEventListener() pour définir l'événement oninput. object.addEventListener(" input", monScript);". <element oninput="myScript">

L'environnement d'exploitation de ce tutoriel : système Windows 10, jquery version 3.6.0, ordinateur Dell G3.

Y a-t-il un événement oninput dans jquery ?

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

Cet événement est déclenché lorsque la valeur de l'élément ou

Conseils : 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, tandis que onchange est déclenché lorsque l'élément perd le focus. Une autre différence est que l'événement onchange fonctionne également sur les éléments <keygen> SyntaxeHTML :<pre class="brush:html;toolbar:false"><element oninput="myScript"></pre>JavaScript :<pre class="brush:js;toolbar:false">object.oninput=function(){myScript};</pre>JavaScript, utilisez la méthode addEventListener() :<pre class="brush:js;toolbar:false">object.addEventListener("input", myScript);</pre>L'exemple est le suivant : <pre class="brush:js;toolbar:false"><body>
在文本框中尝试输入触发函数。
<input type="text" id="myInput" oninput="myFunction()">

<script>
function myFunction() {
 var x = document.getElementById("myInput").value;
 document.getElementById("demo").innerHTML = "你输入的是: " + x;
}
</script></pre>Résultat de sortie : 
<img src="https://img.php.cn/upload/image/801/726/698/1655204575922039.gif" title="1655204575922039.gif" alt="Existe-t-il un événement oninput dans jquery ?"> Recommandation du didacticiel vidéo : Tutoriel vidéo jQuery<a href="https://www.php.cn/course/list/19.html" target="_blank" textvalue="jQuery教程"></a> </keygen>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Article précédent：Quelle est la différence entre les objets jquery et les objets jsArticle suivant：Quelle est la différence entre les objets jquery et les objets js

Articles Liés

Voir plus