DOM事件处理跨浏览器(兼容IE)封装
2017-08-17 19:25
363 查看
var eventUtil={ /*DOM2级事件处理程序*/ //给一个元素添加事件 addHander:function(element,type,hander){ if(element.addEventListener){ element.addEventListener(type,hander,false); /*非IE*/ }else if(element.attachEvent){ element.attachEvent("on"+type,hander); /*IE*/ }else{ element["on"+type]=hander; } }, //给一个元素删除事件 removeHander:function(element,type,hander){ if(element.removeEventListener){ element.removeEventListener(type,hander,false); /*非IE*/ }else if(element.detachEvent){ element.detachEvent("on"+type,hander); /*IE*/ }else{ element["on"+type]=null; } }, //获取兼容所有浏览器的一个对象 getEvent:function(event){ return event?event:window.event; }, //获取事件类型 getType:function(event){ //此项不存在浏览器兼容问题 return event.type; }, //事件来自哪个元素 getElement:function(event){ return event.target || event.srcElement; }, //阻止事件默认行为 preventDefault:function(event){ if(event.preventDefault){ event.preventDefault(); /*非IE*/ }else{ event.returnValue=false; /*IE*/ } }, //阻止事件冒泡 stopPropagation:function(event){ if(event.stopPropagation){ event.stopPropagation(); /*非IE*/ }else{ event.cancelBubble=true; /*IE*/ } } }
相关文章推荐
- 跨浏览器事件处理,能力检测:IE事件,DOM0级,DOM2级
- 封装 DOM事件 EventUtil对象 跨浏览器兼容
- 如何跨浏览器处理事件【兼容各大浏览器包括ie】
- 添加和移除事件处理兼容各浏览器的封装(带详细注释)
- JS-DOM2级事件对象跨浏览器处理(已封装)
- javascript 事件处理 IE和标准dom 的差别
- js添加事件、移除事件、阻止冒泡、阻止浏览器默认行为等写法(兼容IE/FF/CHROME)
- html5移动设备浏览器触屏事件兼容处理
- 处理事件冒泡,阻止默认事件工具类,兼容IE
- 处理回车事件是否有既兼容ie又兼容火狐的方法
- 浅谈IE事件处理与其他浏览器的差异
- js阻止浏览器的默认行为以及停止事件冒泡(用JQuery实现回车提交,兼容IE、FF浏览器)
- 使用arguments对象处理兼容各浏览器的键盘按钮事件
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--03
- javascript将DOM事件处理程序封装为event.js 出现的低级错误记录
- 具有跨浏览器兼容的事件处理javascript脚本
- js事件驱动机制 浏览器兼容处理方法
- firefox 和 ie 事件处理的细节,研究,再研究-----书写同时兼容ie和ff的事件处理代码 (转)
- javascript——事件处理模型(DOM 和 IE)
- 关于Dom部分操作各浏览器兼容(setAttribute 与添加事件)