本文介绍在Internet Explorer与Firefox浏览器中获取鼠标位置的兼容写法。通过对比全局变量与函数封装两种模式，解析clientX、pageX及滚动条偏移量的计算差异，提供可直接复用的代码片段以解决跨浏览器坐标获取问题。
基于全局变量的实时坐标获取
示例代码如下：
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事件，获取事件对象后判断浏览器类型。此方法的优点在于避免了使用全局变量，实现了按需调用，只需执行该函数即可获取当前鼠标坐标。
对比上述两段代码，个人更倾向于使用第二种方式，建议将其保存以便频繁调用。