兼容问题！！！

兼容

1. 滚动条距离顶端的兼容。

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

2. 滚动条距离左端的兼容。

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

3. 兼容byClassName

function byClassName(node,className){//节点和类名
	if(node.getElementsByClassName){
		//支持
		return node.getElementsByClassName(className);
	}else{
		//不支持
		//获取所有的标签
		var eles = node.getElementsByTagName('*');
		//创建空数组，存放筛选出来的元素；
		var arr = [];
		//遍历所有元素
		for(var i = 0;i < arr.length;i ++){
			if(eles[i].className === className){
				arr.push(eles[i]);
			}
		}
		return arr;
	}
}

4. 获取非行内样式兼容

function getStyle(obj,attr){
	//在外边直接用的时候，点上属性。
	return obj.currentStyle ? obj.currentStyle[attr] : getComputedStyle(obj,turn)[attr];
}

5. 获取事件对象兼容

function(evt){
	var e = evt || window.event;
}

6. 获取鼠标按键编码值的兼容（event.button)

function getMouseCode(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;
		}
	}
}

7. 获取键盘编码值的兼容（onkeypress）

var key_code = event.keyCode || event.charCode || event.which;

8. 阻止事件冒泡兼容

function stopPropagation(){
	var e = evt || window.event;
	e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
}

9. 阻止浏览器默认行为

function preventDefault(evt){
	var e = evt || window.event;
	e.preventDefault ? e.preventDefault() : e.returnValue = false;
}

10. 添加事件监听器兼容

function addEventListener(ele,type,fn,bool){
	bool = bool || false;
	if(ele.addEventListener){
		ele.addEventListener(type,fn,bool);
	}else if(ele.attachEvent){
		ele.attachEvent('on' + type,fn);
	}
}

11. 获取事件源的兼容

function getSrcElement(evt){
	var e = evt || window.event;
	return e.target || e.srcElement;
}