兼容Firefox和IE的onpropertychange事件oninput

在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。
onpropertychange 不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。

示例：

 

<div id="msg"></div>
<input id='txt' value="" />
<script>
//当状态改变的时候执行的函数
function handle()
{document.getElementByIdx('msg').innerHTML='输入的文字长度为：'+document.getElementByIdx('txt').value.length;
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if(/msie/i.test(navigator.userAgent))    //ie浏览器
{document.getElementByIdx('txt').onpropertychange=handle
}
else
{//非ie浏览器，比如Firefox
document.getElementByIdx('txt').addEventListener("input",handle,false);
}
</script>