JavaScript兼容问题总结

01、获取滚动条滚动的距离

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

002、获取非行间样式

IE： currentStyle[attr]
标准： getComputedStyle[attr]

003、获取事件对象

var e = e || event;

004获取键盘信息

e.keyCode || e.which

005阻止浏览器的默认行为

e.preventDefault){ e.preventDefault()||e.returnValue = false

006阻止事件冒泡

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


//具体用法
btn.onclick = function(e){
	var e = e || event;
	//阻止冒泡
	e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
	info.style.display = "block";
}

007事件监听

addEventListener() attachEvent()

008事件解绑

removeEventListener() detachEvent()

009获取事件源

e.target || e.srcElement;

010ajax兼容

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