兼容Firefox和IE的onpropertychange事件oninput
来源:互联网 发布:申请淘宝介入有时间 编辑:程序博客网 时间:2024/05/21 12:47
onpropertychange能够捕获每次输入值的变化。例如:对象的value值被改变时,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。
在文本框输入数据的时候,当键盘按下并放开的时候可以使用onkeyup来检测事件,onpropertychange能够捕获每次改变,而onchange需要执行某个事件才可以捕获。可是有的时候我们输入数据是采用粘贴的方式而不是键盘输入,这就需要实时检测文本框状态的改变。
onpropertychange 不被firefox所支持,如果想在firefox下正常使用,需要用oninput属性,且需要用addEventListener来注册事件。
<div id="msg"></div> <input id='txt' value="" /> <script> //当状态改变的时候执行的函数 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); } </script>
例子:
代码如下:
<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
- oninput、onchange和onpropertychange事件的区别
- 火狐中oninput事件和IE中onpropertychange事件的区别
- oninput、onchange 和 onpropertyChange 事件
- oninput事件、onchange事件和onpropertychange事件
- 兼容ie和 firefox的event事件
- oninput和onpropertychange以及其兼容处理
- 总结oninput、onchange与onpropertychange事件的用法和区别
- 总结oninput、onchange与onpropertychange事件的用法和区别
- 总结oninput、onchange与onpropertychange事件的用法和区别
- JavaScript 总结onchange、onpropertychange、oninput事件的用法和区别
- 总结oninput、onchange与onpropertychange事件的用法和区别
- 总结oninput、onchange与onpropertychange事件的用法和区别
- 总结oninput、onchange与onpropertychange事件的用法和区别
- 文件比对工具
- _cdecl、_stdcall、_fastcall和_thiscall整理
- 在主线程中慎用WaitForSingleObject (WaitForMultipleObjects)
- 建立一个别人不能碰触的无敌文件夹
- linux 休眠
- 兼容Firefox和IE的onpropertychange事件oninput
- 查看mysql数据表信息
- APMServ-Apache启动失败故障排除
- 嵌入式Linux学习2---Ubuntu下FTP服务的配置
- 嵌入式Linux学习3---ubuntu下配置SSH服务以及SecureCRT工具的使用
- 编译WebRTC详细介绍
- 高级字符驱动程序操作之异步通知IO(实践篇)基于内核2.6.35-30
- Silverlight 文件资源读取
- WPF几何绘图(一)画直线