Gibt es ein Oninput-Ereignis in JQuery?

WBOY
Freigeben: 2022-06-14 19:03:01
Original
2695 Leute haben es durchsucht

Es gibt kein oninput-Ereignis in jquery. Dieses Ereignis wird ausgelöst, wenn der Benutzer Eingaben macht und in JavaScript vorhanden ist. Sie können die Methode addEventListener() verwenden, um das oninput-Ereignis festzulegen. object.addEventListener(" input", myScript);". <element oninput="myScript">

Gibt es ein Oninput-Ereignis in JQuery?

Die Betriebsumgebung dieses Tutorials: Windows 10-System, JQuery-Version 3.6.0, Dell G3-Computer.

Gibt es ein Oninput-Ereignis in jquery?

Das Oninput-Ereignis wird ausgelöst, wenn der Benutzer etwas eingibt.

Dieses Ereignis wird ausgelöst, wenn sich der Wert des -Elements ändert.

Tipps: Dieses Event ähnelt dem onchange-Event. Der Unterschied besteht darin, dass das oninput-Ereignis sofort ausgelöst wird, wenn sich der Elementwert ändert, während onchange ausgelöst wird, wenn das Element den Fokus verliert. Ein weiterer Unterschied besteht darin, dass das onchange-Ereignis auch für -Elemente funktioniert.

Syntax

HTML:

<element oninput="myScript">
Nach dem Login kopieren

JavaScript:

object.oninput=function(){myScript};
Nach dem Login kopieren

JavaScript, verwenden Sie die Methode addEventListener():

object.addEventListener("input", myScript);
Nach dem Login kopieren

Das Beispiel lautet wie folgt:


<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>
Nach dem Login kopieren

Ausgabeergebnis:


Gibt es ein Oninput-Ereignis in JQuery?

Video-Tutorial-Empfehlung:

jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonGibt es ein Oninput-Ereignis in JQuery?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage