一些webAPI的相关IE6,7,8的兼容性问题

Posted 2020-10-04

//获得盒子在界面可见范围的宽和高
function getClient() {
  return {
    width: window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth || 0,
    height: window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight || 0
  }
}

//获得盒子内容卷起部分的上间距,和左间距
function getScroll() {
  return {
    "top": window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop,
    "left": window.pageXOffset || document.documentElement.scrollLeft || document.body.scrollLeft
  };
}

//获得盒子在整个界面的左间距和上间距
function getPage(e){
  return {
    x : e.pageX || e.clientX + document.documentElement.scrollLeft,
    y : e.pageY || e.clientY + document.documentElement.scrollTop,
  };
}

//添加点击事件时候所用的方法不同下面是IE6,7,8的方法
function addEvent(element,type,fn) {
  if(element.addEventListener){
    element.addEventListener(type,fn);
  }else{　　//IE6,7,8的获取方法
    element.attachEvent("on" + type,fn);
  }
}

//移除点击事件的时候所用的方法不同下面是是IE6,7,8的方法
function removeEvent(element,type,fn) {
  if(element.removeEventListener){
    element.removeEventListener(type,fn);
  }else{　　　　//IE6,7,8的移除方法
    element.detachEvent("on" + type,fn);
  }
}