阅读(2.1k) 书签赞(0) 我要纠错

HTML事件属性oninput

2018-01-05 13:58 更新

HTML事件属性oninput

触发 oninput 属性事件当＆lt; input＆gt; 或＆lt; textarea＆gt; 元素已更改。

oninput 属性事件类似于 onchange 事件。

oninput 事件在元素的值已经改变之后立即发生。当元素失去焦点时，会发生 onchange 事件。

onchange事件也适用于＆lt; select＆gt; 元素。

HTML5中的新功能

oninput 属性是HTML5中的新特性。

句法

<element oninput="script or Javascript function name">

支持的标签

<input type="password">, 
<input type="search">, 
<input type="text"> 
<textarea>

浏览器兼容性


`oninput`	Yes	Yes	Yes	Yes	Yes

例子

<!DOCTYPE html>
<html>
<body>

<input type="text" id="myInput" oninput="myFunction()">

<script>
function myFunction() {
    var x = document.getElementById("myInput").value;
    console.log(x);
}
</script>

</body>
</html>

Click to view the demo

以上内容是否对您有帮助：