现在的位置: 首页 > 综合 > 正文

IE下onpropertychange与firefox下oninput用法

2013年09月15日 ⁄ 综合 ⁄ 共 1117字 ⁄ 字号 评论关闭

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>

抱歉!评论已关闭.