JS的九大事件兼容

事件兼容

• 1.获取被点击事件源

   var target = e.target || e.srcElement;
  

• 2.获取事件：

  document.onclick = function(evt){
      var e = evt || event;
    console.log(e);
  };
  

• 3.获取所按下按键的ASC码值

   var key = e.keyCode || e.which || e.charCode;
  

• 4.阻止事件冒泡：

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

• 5.阻止浏览器默认样式

   e.preventDefault?e.preventDefault():e.returnValue = false;
  

• 6.获得滚动条高度：

   var top = document.body.scrollTop || document.documentElement.scrollTop;
  

• 7.返回到页面顶端：

   document.body.scrollTop = document.documentElement.scrollTop = 0;
  

• 8.获取非行内样式(读取)

   function getStyle(obj,attr){    //获取非行间样式，obj是对象，attr是值
     if(obj.currentStyle){       //针对ie获取非行间样式
         return obj.currentStyle[attr];
     }else{
         return getComputedStyle(obj,false)[attr];   //针对非ie
     };
   };
  

• 9.Ajax兼容:

  let xhr = new XMLHttpRequest()||new ActiveXObject("Microsoft,XMLHTTP");