JavaScript事件委托兼容IE低版本兼容写法

首先进行兼容对象处理和绑定事件处理

var EventUtil = {
  // event对象兼容处理
  getEvent: function(event){
    return event || window.event;
  },
  // 目标对象兼容处理
  getTarget: function(event){
    return event.target || event.srcElement
  },
  // 绑定事件兼容处理
  addHandler: function(element, type, handler){
    if(element.addEventListener){
      element.addEventListener(type, handler, false)
    }else if(element.attachEvent){// 兼容IE低版本
      element.attachEvent('on' + type, handler)
    }else{
      element['on' + type] = handler
    }
  }
};

然后进行获取DOM，IE识别获取ID和tag名称的，用获取类名会出现不兼容

 var oList = document.getElementById('list');//list是ul的id 

然后获取事件对象和目标对象（我以鼠标移入为例子,鼠标移到li标签上就会出现效果）

 EventUtil.addHandler(oList, 'mouseover', function(event){
    // 获取事件对象
    event = EventUtil.getEvent(event);
    // 获取目标对象
    var target = EventUtil.getTarget(event);
    console.log(target);
    target.style.color = 'olive';
    target.innerHTML += 'aaaaaaa'
  })