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 发生时运行的脚本。 |