jascript中常见的几个兼容问题

1.获取前一个或后一个元素：

高级浏览器----------obj.previousElementSibling(前一个) obj.nextElementSibling (后一个);

兼容IE6、7、8-----obj.previousElementSibling(前一个) obj.nextSibling(后一个);

2.获取第一或最后一个元素：

高级浏览器----------父级.firstElementChild(第一个) 父级.lastElementChild (最后一个);

兼容IE6、7、8-----父级.firstChild(第一个) 父级.lastChild(最后一个);

3.获取滚动距离的：

document.documentElement.scroll+方向---------兼容IE和Firefox

document.body.scroll+方向------------------------兼容chrome

4.事件对象的兼容:

ev 兼容高版本浏览器

event 兼容IE和Chrome

5.事件委托：

oEvent.srcElement 兼容IE和Chrome

oEvent.target 兼容Firefox

6.事件绑定：

添加绑定 obj.addEventListener(sEv,fn,false)

删除绑定 obj.removeEventListener(sEv,fn,false) 兼容高版本浏览器

添加绑定 obj.attachEvent('on'+sEv,fn)

删除绑定 obj.detachEvent('on'+sEv,fn) 兼容Firefox

7.鼠标滚轮：

onmouseWheel 兼容Chrome和IE

oEvent.wheelDelta 获取方向

下 -120

上 120

DOMMouseScroll 兼容Firefox

oEvent.detail 获取方向

下 3

上 -3

8.onmouseover的bug:

oEvent.fromeElement 兼容IE和Chrome

oEvent.releateTarget 兼容高级浏览器

9.onmouseout的bug:

oEvent.toElement 兼容IE和Chrome

oEvent.releateTarget 兼容高级浏览器

(未完待续~~~~~~~~)