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

Javascript
Prototype使用指南之form.js
Prototype1.5 rc2版指南最后一篇之Position
javascript 对象的定义方法
JS多级连动菜单
javascript编程起步(第一课)
javascript编程起步(第二课)
java script编程起步(第三课)
jquery简单体验
javascript编程起步(第四课)
javascript编程起步(第五课)
javascript编程起步(第六课)
javascript编程起步(第七课)
javascript object oriented 面向对象编程初步
js宝典学习笔记(上)
JS宝典学习笔记(下)
javascript基础的动画教程,直观易懂
javascript 的面向对象特性参考
JScript|Event]面向事件驱动的编程(二)--实例讲解:将span模拟成超连接
JScript面向事件驱动的编程
一份老外写的XMLHttpRequest代码多浏览器支持兼容性

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-20   浏览: 536 ::
收藏到网摘: 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 全选 提示:你可先修改部分代码,再按运行]