兼容Firefox和IE的onpropertychange事件oninput

onpropertychange能够捕获每次输入值的变化。例如：对象的value值被改变时，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。

在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。

onpropertychange 不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。 

<div id="msg"></div> 

<input id='txt' value="" /> 

<script> 

//当状态改变的时候执行的函数 

function handle() 

{document.getElementById('msg').innerHTML='输入的文字长度为：'+document.getElementById('txt').value.length; 

} 

//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。 

if(/msie/i.test(navigator.userAgent))    //ie浏览器 

{document.getElementById('txt').onpropertychange=handle 

} 

else 

{//非ie浏览器，比如Firefox 

document.getElementById('txt').addEventListener("input",handle,false); 

} 

</script>