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