js兼容性问题(转移)
2015-11-24 14:24
477 查看
1. event对象
IE:有window.event对象
FF:没有window.event对象
【解决方法】传入event参数再进行判断
2.鼠标当前坐标(含滚动)
IE:event.offsetX 和 event.offsetY
FF:event.layerX 和 event.layerY
【解决方法】
没有滚动条可以直接使用event.clientX 和event.clientY
3.获取scrollTop(垂直滚动的距离)
IE: document.body.scrollTop
FF: document.documentElement.scrollTop
IE:有window.event对象
FF:没有window.event对象
【解决方法】传入event参数再进行判断
function test(event){ var event=event||window.event; return event; }
2.鼠标当前坐标(含滚动)
IE:event.offsetX 和 event.offsetY
FF:event.layerX 和 event.layerY
【解决方法】
var event=event || window.event; var x=event.offsetX || event.layerX; var y=event.offsetY || event.layerY;或者也可以用jquery 传入event参数
$(".test").mousemove(function(event){ var mouseX=event.pageX; var mouseY=event.pageY; }
没有滚动条可以直接使用event.clientX 和event.clientY
3.获取scrollTop(垂直滚动的距离)
IE: document.body.scrollTop
FF: document.documentElement.scrollTop
var scrollTopVal=document.body.scrollTop||document.documentElement.scrollTop
相关文章推荐
- 谈谈encodeURI和encodeURIComponent以及escape的区别与应用
- JS资料整理
- javascript实现加载xml文件的方法
- JavaScript的this词法
- Json.NET 介绍及文档
- 深入理解javascript系列
- JS中的闭包问题
- 【转向Javascript系列】深入理解Web Worker
- js map类型实现
- Array.prototype方法详解(上)
- 关于js中的 splice()和slice()实例
- fingerprintjs
- js计算散点图方程式
- js遮罩效果
- 一步步学习javascript基础篇(2):作用域和作用域链
- JavaScript转换与解析JSON方法实例详解
- JScrollPane控件中添加其他控件的问题&&JScrollPane设置滚动条&&调整滚动速度
- JS数组排序技巧汇总(冒泡、sort、快速、希尔等排序)
- 关于Extjs使用window.opener报错
- JS获取数组最大值、最小值及长度的方法