HTML事件属性oninput

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



www.sxiaw.com