js各种兼容性问题

	//获取非行间样式-兼容	
function getStyle(obj, attr) { //获取非行间样式，obj是对象，attr是值
	//该条件含义为,判断该浏览器是否拥有该函数
	if (obj.currentStyle) {                  //针对ie获取非行间样式
		return obj.currentStyle[attr]; 
	} else {
		return getComputedStyle(obj, false)[attr]; //针对非ie
	};
};
	getStyle(box,"color");




//事件监听兼容封装
 function addEvent(obj,type,callBack){
    if(obj.addEventListener){      //非IE版本
​         obj.addEventListener(type,callBack);
​    }else{          //IE版本
         obj.attachEvent("on"+type,callBack);
​    } f
   }
​      unction fun(){
	       alert(1);
		   }
​    addEvent(document,"click",fun);




//事件委托兼容封装--委托机制中要想获取子元素,需要通过事件源属性来获取
function fzwt(a,b){  //a=父元素   b=子元素 大写
a.onclick = function(evt){
	var e = evt || event;
	var targat = e.target || e.srcElement;
	if(targat.tagName == "b"){
		targat.style.background = "red";
	}
  }
}





//兼容事件-滚动条距离顶部距离
function add(){
window.onscroll = function(){
	var _top = document.body.scrollTop || document.documentElement.scrollTop;
	return _top;
 }
}





//阻止冒泡事件
 e.stopPropagatione?stopPropagation():e.cancelBubble=true;

 
//阻止右键---超链接跳转（浏览器默认事件）
   e.preventDefault?e.preventDefault():e.returnValue = false;
   return false; //简便写法