codecamp

HTML事件属性oninput

HTML事件属性oninput


触发 oninput 属性事件当< input> 或< textarea> 元素已更改。

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

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

onchange事件也适用于< select> 元素。

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



HTML事件属性ondblclick
HTML事件属性onoffline
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }