前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Event事件跨浏览器封装

Event事件跨浏览器封装

作者头像
书童小二
发布2018-09-03 18:56:57
2380
发布2018-09-03 18:56:57
举报
文章被收录于专栏:前端儿
代码语言:javascript
复制
 1 var Event = {   
 2         //注册事件
 3         addEvent: function(element,type,handler){ 
 4             if(element.addEventListener){  //DOM2级
 5                 element.addEventListener(type,handler,false); //false为冒泡,true为捕获
 6             }else if(element.attachEvent){  //IE
 7                 element.attachEvent("on"+type,function(){  //默认皆为冒泡
 8                     handler.call(element);
 9                 });
10             }else{ 
11                 element["on"+type] = handler; //DOM0级
12             }
13         },
14         //取消事件
15         removeEvent: function(element,type,handler){ 
16             if(element.removeEventListener){ 
17                 element.removeEventListener(type,handler,false);
18             }else if(element.detachEvent){ 
19                 element.detachEvent("on"+type,handler);
20             }else{ 
21                 element["on"+type] = null;
22             }
23         },
24         //防止冒泡行为
25         stopPropagation: function(event){ 
26             if(event.stopPropagation){ //非IE
27                 event.stopPropagation();
28             }else{  //IE
29                 event.cancleBubble = true;
30             }
31         },
32         //阻止默认行为 如<a>的默认链接行为
33         preventDefault: function(event){ 
34             if(event.preventDefault){  //
35                 event.preventDefault();
36             }else{  //IE
37                 event.returnValue = true;
38             }
39         },
40         //获取事件对象
41         getEvent: function(event){ 
42             return event || window.event;  //FF通过传过来的参数event使用,IE通过window.event取用
43         },
44         //获取触发事件的目标源
45         getTarget: function(event){ 
46             return event.target || event.srcElement;  //后者为了兼容IE
47         }
48     };
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2015-04-09 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档