码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-浏览器兼容--持续更新中-未完

时间:2015-06-27 09:37:20      阅读:125      评论:0      收藏:0      [点我收藏+]

标签:

1.事件绑定,删除,传播,默认方式,获取类型的兼容

var eventList = {
         //添加事件兼容
         addEvent:function  (event,type,backevent) {
             if (event.addEventListener) {
                 event.addEventListener(type,backevent,false);//false为冒泡true为捕获
             } else if(event.attachEvent){
                 event.attachEvent(‘on‘+type,backevent);
             }else{
                 event[‘on‘+type] = backevent;
             };
         },
         //删除事件兼容
         removeEvent:function  (event,type,backevent) {
             if (event.removeEventListener) {
                 event.removeEventListener(type,backevent,null);
             } else if(event.detachEvent){
                 event.detachEvent(‘on‘+type,backevent);
             }else{
                 event[‘on‘+type]=null;
             };
         },
         //阻止冒泡向上传播
         stopPro:function  (event) {
             if (event.stopPropagation) {
                 event.stopPropagation();
             } else{
                 event.cancelBubble = true;
             };
         },
         //阻止默认事件
         stopDefault:function  (event) {
             if (event.preventDefault) {
                 event.preventDefault();
             } else{
                 event.returnValue = false;
             };
         },
         //获取事件类型
         getType:function  (event) {
             return event.type;
         },
         //获取事件
         getEvent:function  (event) {
             return event?event:window.event;
         },
         //获取事件目标
         getElement:function  (event) {
             return event.target||event.srcElement;
         }
     }

 

javascript-浏览器兼容--持续更新中-未完

标签:

原文地址:http://www.cnblogs.com/fang8580/p/3553981.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!