js兼容性问题
1. event对象
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
先这么多,遇到再更新了~~