jqueryにoninputイベントはありますか？-フロントエンドQ&A-php.cn

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

WBOY

リリース： 2022-06-14 19:03:01

オリジナル

2705 人が閲覧しました

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

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

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

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

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

このイベントは、または

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

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