HTML oninput 事件
当元素获得用户输入时,oninput事件触发。
实例
<!DOCTYPE html><html><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 = "You wrote: " + x;}</script></body></html>
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| oninput | Yes | 9.0 | 4.0 | 5.0 | Yes |
所有主流浏览器都支持 oninput 事件。
定义和用法
当元素获得用户输入时,oninput事件触发。
当<input>或<textarea>元素的值更改时,oninput事件触发。支持的标签有<input type="password">, <input type="search">, <input type="text"> 和 <textarea>。
提示:此事件类似于onchange事件。不同之处在于,oninput事件在元素的值更改后立即发生,而onchange则在元素失去焦点时发生。另一个区别是onchange事件也适用于<select>元素。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element oninput="script">
属性值
| 值 | 描述 |
|---|---|
| script | oninput 发生时运行的脚本。 |