Rumah > Artikel > hujung hadapan web > Adakah terdapat acara oninput dalam jquery?
Tiada acara oninput dalam jquery ini dicetuskan apabila pengguna memasukkan dan wujud dalam HTML dan JavaScript, anda boleh menggunakan kaedah addEventListener() untuk menetapkan acara oninput. <element oninput="myScript">" atau "object.addEventListener("input", myScript);".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi jquery 3.6.0, komputer Dell G3.
Acara oninput dicetuskan apabila pengguna memasukkan.
Acara ini dicetuskan apabila nilai d5fd7aea971a85678ba271703566ebfd atau 4750256ae76b6b9d804861d8f69e79d3
Petua: Acara ini serupa dengan acara onchange. Perbezaannya ialah peristiwa oninput dicetuskan serta-merta apabila nilai elemen berubah, manakala onchange dicetuskan apabila elemen kehilangan fokus. Perbezaan lain ialah peristiwa onchange juga berfungsi pada aa983b9eb8086376f1f6481364a02e5a dan 221f08282418e2996498697df914ce4e
Sintaks
HTML:
<element oninput="myScript">
JavaScript:
object.oninput=function(){myScript};
JavaScript, gunakan kaedah addEventListener():
object.addEventListener("input", myScript);
Contoh adalah seperti berikut:
<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>
Hasil keluaran:
Cadangan tutorial video: Tutorial video jQuery
Atas ialah kandungan terperinci Adakah terdapat acara oninput dalam jquery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!