兼容Firefox和IE的onpropertychange事件oninput- Javascript

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 兼容Firefox和IE的onpropertychange事件oninput

技术文章搜索

关键字

Javascript 中的兼容Firefox和IE的onpropertychange事件oninput

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 608 ::

收藏到网摘: n/a

javascript prototype的深度探索不是原型继承那么简单 javascript兼容firefox的文本输入长度提示

onpropertychange能够捕获每次输入值的变化。例如：<INPUT id="test" name="test" />对象的value值被改变时，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。
onpropertychange 不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。

点击运行可以看到效果:
[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

例子：

复制代码代码如下:

<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事件方法。

javascript prototype的深度探索不是原型继承那么简单 javascript兼容firefox的文本输入长度提示

Javascript 中的 兼容Firefox和IE的onpropertychange事件oninput

评论 (0) All

Javascript 中的兼容Firefox和IE的onpropertychange事件oninput