IE下onpropertychange与firefox下oninput用法

xiaoxiao2026-05-24  0

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
转载请注明原文地址: https://www.6miu.com/read-5049285.html

最新回复(0)