兼容Firefox和IE的onpropertychange事件oninput
2008-06-05 00:00
567 查看
在文本框输入数据的时候,当键盘按下并放开的时候可以使用onkeyup来检测事件,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入,这就需要实时检测文本框状态的改变。
onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。
//当状态改变的时候执行的函数
function handle()
{document.getElementById('msg').innerHTML='输入的文字长度为:'+document.getElementById('txt').value.length;
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if(/msie/i.test(navigator.userAgent)) //ie浏览器
{document.getElementById('txt').onpropertychange=handle
}
else
{//非ie浏览器,比如Firefox
document.getElementById('txt').addEventListener("input",handle,false);
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
例子:
以上就是兼容Firefox的onpropertychange事件方法。
onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。
//当状态改变的时候执行的函数
function handle()
{document.getElementById('msg').innerHTML='输入的文字长度为:'+document.getElementById('txt').value.length;
}
//firefox下检测状态改变只能用oninput,且需要用addEventListener来注册事件。
if(/msie/i.test(navigator.userAgent)) //ie浏览器
{document.getElementById('txt').onpropertychange=handle
}
else
{//非ie浏览器,比如Firefox
document.getElementById('txt').addEventListener("input",handle,false);
}
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
例子:
<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
- 兼容Firefox和IE的onpropertychange事件oninput
- 兼容Firefox和IE的onpropertychange事件oninput
- 兼容Firefox和IE的onpropertychange事件oninput
- 兼容Firefox和IE的onpropertychange事件oninput
- js ie input onchange事件兼容BUG
- onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
- onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
- onbeforeunload事件中调用Ajax实现用户注销操作(兼容IE、Firefox、Chrome)
- js ie input onchange事件兼容BUG
- Javascript事件热键兼容ie|firefox
- 兼容的IE、FireFox的event事件[收藏]
- 书写同时兼容IE和FireFox的事件处理代码
- Javascript 模拟点击事件(点击链接与html点击) 兼容IE/Firefox
- js 判断键盘事件大全 兼容FireFox和IE(退格、制表、回车、空格、方向键、删除键等)
- 获得事件Event对象,用于兼容IE和FireFox
- 阻止浏览器冒泡事件,兼容firefox和ie
- JS事件Event元素(兼容IE,Firefox,Chorme)
- 监听输入框值的即时变化onpropertychange、oninput兼容IE,Chrome,FF,Opera等
- firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码