美文网首页
前端:常见的事件兼容IE问题处理

前端:常见的事件兼容IE问题处理

作者: 十口文1 | 来源:发表于2021-04-07 14:22 被阅读0次

    1.注册事件
    IE 事件模型使用 attachEvent() 方法注册事件
    DOM 事件模型使用 addEventListener() 方法注册事件
    兼容处理

    $.addEvent = function(obj, type, fn) {
      if (obj.addEventListener)
        obj.addEventListener(type, fn, false);
      else
        obj.attachEvent('on' + type, fn);
    };
    
    $.addEvents = function(obj, typeObj) {
      for(var type in typeObj) {
        $.addEvent(obj, type, typeObj[type]);
      }
    };
    

    2.获取事件对象
    IE模型用window.event

    get: function(e, win) {
        win = win || window;
        return e || win.event;//兼容写法
      }
    

    3.阻止冒泡/捕获
    IE模型用we.cancelBubble/e.returnValue

     stop: function(e) {    //兼容
        if (e.stopPropagation) e.stopPropagation();
        e.cancelBubble = true;
        if (e.preventDefault) e.preventDefault();
        else e.returnValue = false;
      }
    

    相关文章

      网友评论

          本文标题:前端:常见的事件兼容IE问题处理

          本文链接:https://www.haomeiwen.com/subject/wfedfltx.html