1. 程式人生 > >事件物件相容寫法

事件物件相容寫法

 // 新增控制代碼
             addHandler:function(element,type,handler){
               if(element.addEventListener){
                 element.addEventListener(type,handler,false);
               }else if(element.attachEvent){
                 element.attachEvent('on'+type,handler);
               }else{
                 element['on'+type]=handler;
               }
             },

 // 刪除控制代碼
             removeHandler:function(element,type,handler){
               if(element.removeEventListener){
                 element.removeEventListener(type,handler,false);
               }else if(element.detachEvent){
                 element.detachEvent('on'+type,handler);
               }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();
            }else{
              event.returnValue=false;
            }
          },

//阻止冒泡
         stopPropagation:function(event){
           if(event.stopPropagation){
             event.stopPropagation();
           }else{
             event.cancelBubble=true;
           }
         }