原生JS 项目开发过程中可能会用到的兼容

之前用过的一些javascript的兼容

一. scrollTop (谷歌低版本与其它浏览器)

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

二. scrollLeft(谷歌低版本与其它浏览器)

var scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft;

三. 通过class名获取元素对象的集合

getElementsByClassName的兼容 //IE9以下

function byClassName(obj,className){
	if(obj.getElementsByClassName){
		return obj.getElementsByClassName(className);
	}else{
		var eles = document.getElementsByTagName('*');
		var arr = [];
		for(var i = 0,len = eles.length;i < len;i ++){
			if(eles[i].className === className){
				arr.push(eles[i]);
			}
		}
		return arr;
	}
}

四. 获取非行内样式的兼容

function getStyle(obj,attr){
	return window.getComputedStyle ? getComputedStyle(obj,true)[attr] : obj.currentStyle[attr];
}

五. 获取事件对象的兼容

var e = evt || window.event;

六. 获取鼠标按键编码值的兼容

function getButton(evt){
	var e = evt || window.event;
	if(evt){
		return e.button;
	}else if(window.event){
		switch(e.button){
			case 1 : return 0;
			case 4 : return 1;
			case 2 : return 2;
		}
	}
}

七. 通过onkeypress获取键盘按键编码值的兼容

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

八. 阻止事件冒泡的兼容

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

九. 获取class属性值的兼容

function getClassValue(obj){
	return obj.getAttribute('class') ? obj.getAttribute('class') : obj.getAttribute('className');
}

十. 阻止超链接的默认行为的兼容

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

十一. 添加事件监听器的兼容

function addEventListener(obj,event,fn,boo){
	if(obj.addEventListener){
		obj.addEventListener(event,fn,boo);
	}else if(obj.attachEvent){
		obj.attachEvent('on' + event,fn);
	}
}

十二. 移除事件监听器的兼容

function removeEventListener(obj,event,fn,boo){
	if(obj.removeEventListener){
		obj.removeEventListener(event,fn,boo);
	}else if(obj.detachEvent){
		obj.detachEvent('on' + event,fn);
	}
}

十三. 获取事件源的兼容

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

十四. 滚轮事件的兼容

mousewheel = isfirefox ? "dommousescroll" : "mousewheel";

十五. ajax的兼容

var xhr = window.XMLHttpRequest ? new XMLHttpRequest : new ActiveXObject("Microsoft.XMLHTTP");