跨浏览器的事件对象代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了跨浏览器的事件对象代码相关的知识,希望对你有一定的参考价值。

var Event = {
   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;
   },
   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;
       }
    }
};
  

  

以上是关于跨浏览器的事件对象代码的主要内容,如果未能解决你的问题,请参考以下文章

跨浏览器的事件对象

跨浏览器的事件对象

Dom 加载事件跨浏览器原生 javascript 代码

javaScript跨浏览器事件处理封装代码

事件对象——跨浏览器的事件对象

跨浏览器的事件对象