标签:
1.onchange
弊端:1.元素失去焦点时触发
2.如果得用javascript改变触发对象的属性时,并不能触发onchange事件,oninput也有这个问题。
2.oninput 该事件在 <input> 或 <textarea> 元素的值发生改变时触发。
例:
<input type="text" id="myInput" oninput="myFunction()">
<p id="demo"></p>
<script>
function myFunction() {
var x = document.getElementById("myInput").value;
document.getElementById("demo").innerHTML = "你输入的是: " + x;
}
</script>
该事件类似于 onchange 事件。不同之处在于 oninput 事件在元素值发生变化是立即触发, onchange 在元素失去焦点时触发。
IE9以下的浏览器是不支持oninput事件的。
不但JS 改变 value 值时不能触发,有从浏览器的自动下拉提示中选值时,也不会触发。
3.onpropertychange
property(属性)change(改变)的时候,触发事件。这是IE专有的!如果想兼容其它浏览器,有个类似的事件,oninput!
onpropertychange会在设置disable=true的时候失效。而且,onpropertychange是在触发对象改变任何属性时都会触发。而oninput只是在改变input的value值时才触发。
oninput & onchange & onpropertychange 区别
标签:
原文地址:http://www.cnblogs.com/cimyzhang/p/5745806.html