onpropertychange能够捕获每次输入值的变化。例如:<INPUT id="test" name="test" />对象的value值被改变时,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。
onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。
例子:<html><body><div>oninput测试</div><div id="testdiv"><input id='tx1' name="tx1" value="" /></div></body></html><script language="JavaScript"> <!--function getOs(){//判断浏览器类型 var OsObject = ""; if(navigator.userAgent.indexOf("MSIE")>0) { return "MSIE"; } if(isFirefox=navigator.userAgent.indexOf("Firefox")>0){ return "Firefox"; } if(isSafari=navigator.userAgent.indexOf("Safari")>0) { return "Safari"; } if(isCamino=navigator.userAgent.indexOf("Camino")>0){ return "Camino"; } if(isMozilla=navigator.userAgent.indexOf("Gecko/")>0){ return "Gecko"; }
}
if(navigator.userAgent.indexOf("MSIE")>0){document.getElementById('tx1').attachEvent("onpropertychange",txChange);}else if(navigator.userAgent.indexOf("Firefox")>0){ document.getElementById('tx1').addEventListener("input",txChange2,false);}function txChange(){ alert("testie");}function txChange2(){ alert("testfirefox");}</script>
转载地址http://blog.csdn.net/cool_rain_man/archive/2008/04/02/2243162.aspx
相关资源:敏捷开发V1.0.pptx