js常见兼容性问题整理
-
事件
e = e || window.event
-
获取事件目标
e.target || e.srcElement
IE7-8 -
事件添加、移除
addEventListner() || attachEvent()
IE7-8
removeEventListner() || detachEvent()
IE7-8 -
阻止事件默认行为
e.preventDefault || e.returnValue = false;
-
阻止冒泡
e.stopPropagation() || e.cancelBubble = true -
innerText => IE innerContext => FireFox
elem.innerText = elem.textContent = “值” -
网页可视区域
window.innerHeight || document.documentElement.clientHeight -
滚动条
document.documentElement.scrollTop || document.body.scrollTop -
获取行外样式
getComputedStyle(obj,false)[sName] || obj.currentStyle[sName] -
childNodes获取子节点
- IE6-8:获取的是元素节点
- 高版本浏览器:会包含文本节点和元素节点
nodeType=3–>文本节点
nodeTyPE=1–>元素节点
-
键盘key值
var key = e.keyCode || e.which || e.charCode; -
ajax原生写法
var xhr = new XMLHttpRequest() || new ActiveXObject(‘Microsoft.XMLHttp’)