输入框onchange,oninput,onpropertychange事件区别

输入框（input）onchange,oninput,onpropertychange事件区别和兼容行分析

onchange

触发条件：输入框的值改变，失去焦点(onblur)后触发。
兼容性：各浏览器都支持。

oninput&onpropertychange

触发条件：输入时，实时触发，而不是失去焦点才触发。

兼容性：
oninput：Chrome/IE9/Firefox/Safari/Opera
onpropertychange：IE6/IE7/IE8/IE9

所以如果要实现输入时，实时触发事件，结合使用oninput+onpropertychange就可以了。Demo如下

<input type="text" onpropertychange="document.getElementById('dvRst').innerHTML=this.value" oninput="document.getElementById('dvRst').innerHTML=this.value" />
<div id="dvRst" style="color:Red"></div>

注意：IE9下： 剪切(cut)，删除(delete)不会触发事件。

加支付宝好友偷能量挖...