jascript中常见的几个兼容问题
来源:互联网 发布:网络小说完本排行榜 编辑:程序博客网 时间:2024/05/18 00:13
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 兼容高级浏览器
高级浏览器----------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 兼容高级浏览器
(未完待续~~~~~~~~)
0 0
- jascript中常见的几个兼容问题
- jascript中常见的几个兼容问题
- 工作中遇到的几个浏览器兼容问题
- js中不常见的浏览器兼容问题
- Jascript 的计算器插件
- 常见的浏览器兼容问题
- 常见浏览器的兼容问题
- 常见的浏览器兼容问题
- 常见浏览器的兼容问题
- 常见的浏览器兼容问题
- 常见浏览器的兼容问题
- 常见浏览器的兼容问题
- 常见的一些兼容问题
- 常见浏览器的兼容问题
- 常见的浏览器兼容问题
- web设计中常见浏览器兼容问题的解决办法
- ie与火狐中常见的一些兼容问题
- IE与火狐中常见的一些兼容问题
- 【Android】神奇的android:clipChildren属性
- putty使用技巧
- OCP-1Z0-051-2015-48题
- jquery源码中ajax方法理解之十五问
- initWithFrame和initWithCoder
- jascript中常见的几个兼容问题
- xxx.h file not found
- weblogic中文乱码与locale的关系
- OCP-1Z0-051-2015-49题
- cannot assign value of type
- android中MotionEvent.ACTION_CANCEL事件如何被触发?
- 数据库搜索 按照时间条件
- Oracle批量导出表数据到CSV文件
- android 动画总结(利用属性动画做一个波浪)