跨瀏覽器的事件對(duì)象

記錄一下跨瀏覽器事件處理程序,我們都知道IE和Netscape 提出的事件流是相反的,IE是事件冒泡流,而Netscape 是事件捕獲流。導(dǎo)致一些老的瀏覽器的一些差異。為了兼容不同瀏覽器的事件對(duì)象,一般采用向下兼容的方式來處理,這里來記錄一下,寫法主要參考紅寶書。

const EventUtil = {
        //添加事件綁定
      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.envent
      },
      getTarget: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
          }
      }
    };
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容