HTML oninput 事件

当元素获得用户输入时,oninput事件触发。


实例

  1. <!DOCTYPE html>
  2. <html>
  3. <body>
  4. <p>在文本字段中写一些东西来触发一个函数。</p>
  5. <input type="text" id="myInput" oninput="myFunction()">
  6. <p id="demo"></p>
  7. <script>
  8. function myFunction() {
  9. var x = document.getElementById("myInput").value;
  10. document.getElementById("demo").innerHTML = "You wrote: " + x;
  11. }
  12. </script>
  13. </body>
  14. </html>

浏览器支持

事件
oninputYes9.04.05.0Yes

所有主流浏览器都支持 oninput 事件。


定义和用法

当元素获得用户输入时,oninput事件触发。

当<input>或<textarea>元素的值更改时,oninput事件触发。支持的标签有<input type="password">, <input type="search">, <input type="text"> 和 <textarea>。

提示:此事件类似于onchange事件。不同之处在于,oninput事件在元素的值更改后立即发生,而onchange则在元素失去焦点时发生。另一个区别是onchange事件也适用于<select>元素。


HTML 4.01 与 HTML5 之间的差异

无。


语法

  1. <element oninput="script">
属性值
描述
scriptoninput 发生时运行的脚本。