事件操作的兼容性写法

CarolineL

于 2019-03-26 22:38:55 发布

阅读量192

点赞数

分类专栏： dom 文章标签：事件兼容性写法

本文链接：https://blog.csdn.net/Lxj1107020234/article/details/88832467

版权

dom 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

    var commonEvent = {
      addEvent: function (ele, type, handler) {
        if (ele.addEventListener) {
          ele.addEventListener(type, handler, false);
        } else if (ele.attachEvent) {
          ele.attachEvent('on' + type, handler);
        } else {
          ele['on' + type] = handler;
        }
      },
      removeEvent: function (ele, type, handler) {
        if (ele.removeEventListener) {
          ele.removeEventListener(type, handler, false);
        } else if (ele.detachEvent) {
          ele.detachEvent('on' + type, handler);
        } else {
          ele['on' + type] = null;
        }
      },
      stopPropagation: function (e) {
        if (e.stopPropagation) {
          e.stopPropagation();
        } else {
          e.cancelBubble = true;
        }
      },
      preventDefault: function (e) {
        if (e.preventDefault) {
          e.preventDefault();
        } else {
          e.returnValue = false;
        }
      },
      getEvent: function (e) {
        return e || window.event;
      },
      getTarget: function (e) {
        return e.target || e.srcElement;
      }
    }