当前位置: 首页 > 图文教程 > 网络编程 > Javascript > JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)

Javascript
JavaScript[对象.属性]集锦之五
JavaScript[对象.属性]集锦之六
JavaScript[对象.属性]集锦之七
JavaScript[对象.属性]集锦之八
JavaScript[对象.属性]集锦之九
JavaScript[对象.属性]集锦之十
javascript进行客户端数据的校验(1)
javascript进行客户端数据的校验(2)
用JavaScript实现变色背景和文字(2)
用JavaScript实现文件夹轻松加密
初学Javascript之cookie篇(1)
初学Javascript之cookie篇(2)
初学Javascript之cookie篇(3)
初学Javascript之cookie篇(4)
JavaScript学习:基础继承机制(1)
JavaScript学习:基础继承机制(2)
JavaScript对象与数组参考大全(1)
JavaScript对象与数组参考大全(2)
JavaScript对象与数组参考大全(3)
JavaScript对象与数组参考大全(4)

Javascript 中的 JavaScript获取鼠标坐标的函数(兼容IE、FireFox、Chrome)


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 500 ::
收藏到网摘: n/a

下午想做个鼠标跟随的JS脚本,发现浏览器兼容问题还真是烦人,还有滚动条位置的问题。 还好网上什么都有,上网找了一个浏览器兼容性最佳的函数,经测试兼容IE、FireFox、Chrome,并且不会有滚动条误差问题,存档下,以备后用 :)
复制代码 代码如下:

function mousePos(e){
var x,y;
var e = e||window.event;
return {
x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,
y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop
};
}

注:此函数配合onmousemove事件使用。
函数出处:鼠标跟随提示框 by nunumick

[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]