兼容Firefox和IE的onpropertychange事件oninput

时间：2014-05-19 18:05:21 阅读：321 评论：0 收藏：0 [点我收藏+]

原文兼容Firefox和IE的onpropertychange事件oninput

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

在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，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> 

以上就是兼容Firefox的onpropertychange事件方法。

兼容Firefox和IE的onpropertychange事件oninput,布布扣,bubuko.com

兼容Firefox和IE的onpropertychange事件oninput

原文：http://www.cnblogs.com/lonelyxmas/p/3734821.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)