input输⼊框的input事件和change事件
input输⼊框的onchange事件,要在 input 失去焦点的时候才会触发;
input框禁止输入
在输⼊框内容变化的时候不会触发change,当⿏标在其他地⽅点⼀下才会触发;
onchange 事件也可⽤于单选框与复选框改变后触发的事件。
demo如下:
<script>
function myFunction(){
var ElementById("fname");
x.value=UpperCase();
}
</script>
</head>
<body>
输⼊你的名字: <input type="text" id="fname" onchange="myFunction()">
<p>当光标离开输⼊框后,函数将被触发,将⼩写字母转为⼤写字母。</p>
</body>
onchange事件兼容性
onchange event 所有主要浏览器都⽀持;
onchange 属性可以使⽤于:<input>, <select>, 和 <textarea>。
INPUT事件
oninput 事件在⽤户输⼊时触发,它是在元素值发⽣变化时⽴即触发;
该事件在 <input> 或 <textarea> 元素的值发⽣改变时触发。
缺陷:从脚本中修改值不会触发事件。从浏览器下拉提⽰框⾥选取值时不会触发。IE9 以下不⽀持,所以IE9以下可⽤onpropertychange 事件代替。
onpropertychange事件
onpropertychange会实时触发,会在元素的属性改变时就触发事件。当元素disable=true时不会触发。
缺陷:只在IE 下⽀持,其他浏览器不⽀持,⽤oninput来解决。

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。