常见的js兼容性问题

Posted 2020-12-30 静守己心,笑谈浮华

1.获取滚动条的距离

var sTop=document.documentElement.scrollTop  ||   document.body.scrollTop

2.获取非行间样式

IE:currentStyle[attr]

标准:getComputedStyle[attr]

function getStyle(obj,attr){

   if(obj.currentStyle){

      return  obj.currentStyle[attr];

  }else{

      return  getComputedStyle(obj,false)[attr];

  }

}

3.获取事件对象

var e = e || event;

4.获取键盘信息

e.keyCode  ||   e.which

5.阻止浏览器的默认行为

function prevent(e){

     if(e.preventDefault){

          e.preventDefault();

     }else{

          e.returnValue=false;

   }

}

6.阻止事件冒泡

e.stopPropagation ? e.stopPropagation() : e.cancelBubble=true;

7.事件监听

addEventListener()

attachEvent()

8.事件解绑

removeEventListener()

detachEvent()

9.获取事件源

e.target || e.srcElement;