JavaScript在IE与Firefox中获取鼠标坐标的兼容方案

 
var xPos;
var yPos;
window.document.onmousemove(function(evt){
evt=evt || window.event;
if(evt.pageX){
xPos=evt.pageX;
yPos=evt.pageY;
} else {
xPos=evt.clientX+document.body.scrollLeft-document.body.clientLeft;
yPos=evt.clientY+document.body.scrollTop-document.body.clientTop;
} 
}); 

由于IE与Firefox对clientX属性的解释存在差异：IE将其视为鼠标相对于整个页面左上角的坐标，而Firefox则视为相对于当前可视窗口左上角的坐标。上述代码旨在返回整个页面左上角的绝对坐标。需要注意的是，xPos和yPos的值会随鼠标移动实时变化。

 
document.onmousemove = mouseMove;
function mouseMove(ev){
ev = ev || window.event;
var mousePos = mouseCoords(ev);
} 
function mouseCoords(ev){
if(ev.pageX || ev.pageY){
return {x:ev.pageX, y:ev.pageY};
} 
return {
x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
y:ev.clientY + document.body.scrollTop - document.body.clientTop
}; 
} 

该方案源自相关技术网站，并提供了简单示例供参考。其核心逻辑与前述方法一致：先触发mousemove事件，获取事件对象后判断浏览器类型。此方法的优点在于避免了使用全局变量，实现了按需调用，只需执行该函数即可获取当前鼠标坐标。

对比上述两段代码，个人更倾向于使用第二种方式，建议将其保存以便频繁调用。