JavaScript中的跨浏览器事件操作的基本方法整理

EU.addHandler = function(element,type,handler){  //DOM2级事件处理，IE9也支持  if(element.addEventListener){    element.addEventListener(type,handler,false);  }  else if(element.attachEvent){    //type加'on'    //IE9也可以这样绑定    element.attachEvent('on' + type,handler);  }  //DOM0级事件处理步，事件流也是冒泡  else{    element['on' + type] = handler;  }};

EU.removeHandler = function(element,type,handler){  if(element.removeEventListener){    element.removeEventListener(type,handler);  }  else if(element.attachEvent){    element.detachEvent('on' + type,handler);  }  else{    //属性置空就可以    element['on' + type] = null;  }};

  function addEvent(obj,type,fn){    if(obj.addEventListener){      obj.addEventListener(type,fn,false);    }else if(obj.attachEvent){//IE      obj.attchEvent('on'+type,fn);    }  }

function removeEvent(obj,type,fn){  if(obj.removeEventListener){    obj.removeEventListener(type,fn,false);  }else if(obj.detachEvent){//兼容IE    obj.detachEvent('on'+type,fn);  }}

function preDef(ev){    var e = ev || window.event;    if(e.preventDefault){      e.preventDefault();    }else{      e.returnValue =false;    }  }

function getTarget(ev){  if(ev.target){//w3c    return ev.target;  }else if(window.event.srcElement){//IE    return window.event.srcElement;  }}  

//跨浏览器获取滚动条位置，sp == scroll position  function getSP(){    return{      top: document.documentElement.scrollTop || document.body.scrollTop,      left : document.documentElement.scrollLeft || document.body.scrollLeft;    }  }

     function getWindow () {      if(typeof window.innerWidth !='undefined') {        return{          width : window.innerWidth,          height : window.innerHeight        }      } else{        return {          width : document.documentElement.clientWidth,          height : document.documentElement.clientHeight        }      }    },