acara onput
oninput Acara
Instance
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <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> </body> </html>
Run Instance»
Klik Butang "Jalankan contoh" untuk melihat tika dalam talian
Definisi dan penggunaan
Acara oninput dicetuskan apabila pengguna memasukkan.
Acara berlaku dalam <input> <textarea> Menyala apabila nilai elemen berubah.
Petua: Acara ini serupa dengan acara onchange. Perbezaannya ialah peristiwa oninput dicetuskan serta-merta apabila nilai elemen berubah. onchange dicetuskan apabila elemen hilang fokus. Perbezaan lain ialah acara onchange juga boleh bertindak pada <keygen> unsur.
Sokongan Penyemak Imbas
Nombor dalam jadual menunjukkan nombor versi penyemak imbas pertama yang menyokong acara tersebut.
Acara |
| ||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
oninput | Ya | 9.0 | 4.0 | 5.0 | Ya |
Syntax
oninput="HTML:<
elemenmyScript
"> CubalahJavaScript:
objekmyScript
}; CubalahDalam JavaScript, gunakan kaedah addEventListener():
objekmyScript); Cubalah
Nota:
Internet Explorer 8 dan versi IE terdahulu tidak berfungsi Sokong kaedah addEventListener().是否支持冒泡: | Yes |
---|---|
是否可以取消: | No |
事件类型: | Event |
支持的 HTML 标签: | <input type="password">, <input type="search">, <input type="text"> 和 <textarea> |
Butiran teknikal