兼容Firefox和IE的onpropertychange事件oninput

时间：2021-05-25

在文本框输入数据的时候，当键盘按下并放开的时候可以使用onkeyup来检测事件，onpropertychange能够捕获每次改变，而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入，这就需要实时检测文本框状态的改变。
onpropertychange不被firefox所支持，如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
例子：
复制代码 代码如下:
<html>
<body>
<div>oninput测试</div>
<divid="testdiv"><inputid='tx1'name="tx1"value=""/></div>
</body>
</html>
<scriptlanguage="JavaScript">
<!--
functiongetOs(){//判断浏览器类型
varOsObject="";
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);
}elseif(navigator.userAgent.indexOf("Firefox")>0){
document.getElementById('tx1').addEventListener("input",txChange2,false);
}
functiontxChange(){
alert("testie");
}
functiontxChange2(){
alert("testfirefox");
}
</script>

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

声明：本页内容来源网络，仅供用户参考；我单位不保证亦不表示资料全面及准确无误，也不保证亦不表示这些资料为最新信息，如因任何原因，本网内容或者用户因倚赖本网内容造成任何损失或损害，我单位将不会负任何法律责任。如涉及版权问题，请提交至online#300.cn邮箱联系删除。

相关文章