ホームページ >ウェブフロントエンド >フロントエンドQ&A >jqueryにoninputイベントはありますか？

jqueryにoninputイベントはありますか？

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル: 2022-06-14 19:03:012868ブラウズ

jquery には oninput イベントはありません。このイベントは、ユーザーが入力するとトリガーされ、HTML と JavaScript に存在します。JavaScript では、addEventListener() メソッドを使用して oninput イベントを設定できます。構文は " <element oninput="myScript">" または "object.addEventListener("input", myScript);"。

#このチュートリアルの動作環境: Windows 10 システム、jquery3.6.0 バージョン、Dell G3 コンピューター。

jquery に oninput イベントはありますか?

oninput イベントは、ユーザーが入力するとトリガーされます。

このイベントは、または

要素の値が変更されるとトリガーされます。 ヒント: このイベントは、onchange イベントに似ています。違いは、oninput イベントは要素の値が変更されるとすぐにトリガーされるのに対し、onchange は要素がフォーカスを失ったときにトリガーされることです。もう 1 つの違いは、onchange イベントが <keygen> 要素と <select> 要素でも機能することです。 構文HTML:<pre class="brush:html;toolbar:false"><element oninput="myScript"></pre>JavaScript:<pre class="brush:js;toolbar:false">object.oninput=function(){myScript};</pre>JavaScript、addEventListener() メソッドを使用します:<pre class="brush:js;toolbar:false">object.addEventListener("input", myScript);</pre>例は次のとおりです。 <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>出力結果: 
<img src="https://img.php.cn/upload/image/801/726/698/1655204575922039.gif" title="1655204575922039.gif" alt="jqueryにoninputイベントはありますか？">ビデオ チュートリアルの推奨: jQuery ビデオ チュートリアル<a href="https://www.php.cn/course/list/19.html" target="_blank" textvalue="jQuery教程"></a></select></keygen>

以上がjqueryにoninputイベントはありますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：jqueryオブジェクトとjsオブジェクトの違いは何ですか次の記事：jqueryオブジェクトとjsオブジェクトの違いは何ですか

続きを見る