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                        兼容高级浏览器