js中常见的兼容问题

1.获取非行内样式方式的兼容

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

	}

2.onscroll事件兼容问题

   window.onscroll = function(){
   	//兼容问题，获取滚动条的垂直距离
   	_top = document.body.scrollTop || document.documentElement.scrollTop;
   }

3.事件对象的兼容

   function obj(evt){
   	let eve || event;
   }

4.键盘检测兼容写方法

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

5.阻止事件冒泡

   e.stopPropagation ? e.stopPropagation() || e.canelBulle = true;

6.阻止浏览器默认事件

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

7.事件监听兼容

   function addEvent(obj,type,callBack){
   	if(obj.addEventListeren){//非IE版本}
   		obj.addEventListeren(type,callBack);
   	else{//非IE版本
   		obj.attachEvent("on"+type,callBack);
   	}
   }
   addEvent(document,"click",function(){alert("document")});