javascript 兼容W3c和IE的添加(取消)事件监听方法
2013-12-27 11:19
1111 查看
事件作为javascript本身的一个必备功能,在目前javascript的使用中是无处不在的,基本要只要写到javascrpt,就会用到javascript事件。下面就说说javascript中的添加事件监听和取消事件监听的方法,当然也要做到兼容W3c和IE。下面是兼容的代码:
//添加事件监听兼容函数 function addHandler(target, eventType, handler){ if(target.addEventListener){//主流浏览器 addHandler = function(target, eventType, handler){ target.addEventListener(eventType, handler, false); }; }else{//IE addHandler = function(target, eventType, handler){ target.attachEvent("on"+eventType, handler); }; } //执行新的函数 addHandler(target, eventType, handler); } //删除事件监听兼容函数 function removeHandler(target, eventType, handler){ if(target.removeEventListener){//主流浏览器 removeHandler = function(target, eventType, handler){ target.removeEventListener(eventType, handler, false); } }else{//IE removeHandler = function(target, eventType, handler){ target.detachEvent("on"+eventType, handler); } } //执行新的函数 removeHandler(target, eventType, handler); }上面这段代码是对监听事件函数做了优化的,延迟加载事件监听函数,这样就不用每次都对添加或删除事件进行判断了,只在第一次添加或删除监听事件的时候进行判断,会大大提高监听事件的执行效率。
相关文章推荐
- JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
- IE与标准DOM的兼容之javascript事件监听
- js监听事件方法addEventListener()兼容非IE和attachEvent()兼容IE
- javascript兼容添加与删除事件监听
- javascript兼容IE火狐addEvent方法,以及页面一加载事件
- JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
- IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结
- IE和Firefox(火狐)在JavaScript方面的不兼容及统一方法总结
- 按钮提交事件处理(以下方法兼容ie,firefox,chrome)
- js回车监听按钮事件(火狐IE 兼容)
- 我是菜鸟之--关于在Firefox与IE中捕捉回车事件的JavaScript方法
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- JavaScript实现添加及删除事件的方法小结
- 添加事件监听兼容IE6-8
- JavaScript实现添加及删除事件的方法小结
- JavaScript绑定事件监听函数的通用方法
- javascript firefox兼容ie的dom方法脚本
- 安卓给按钮添加监听事件的四种方法2.
- javascript事件概念和事件监听,ie特殊和标准DOM,页面先加载