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

Javascript
Javascript实例教程(17) 使用Javascript的数学函数
JavaScript 小技巧(第六集)
Javascript实例教程(16) 日期函数
javascript中如何实现浏览器上的右键菜单
Javascript实例教程(21) OLE Automation(7)
JavaScript 小技巧(第二集)
Javascript设计网页中的下拉菜单
用JavaScript使链接按钮不断变化
如何制作浮动广告
JavaScript[对象.属性]集锦之一
将金额小写转化成汉字大写的实现过程
Javascript制作浮动的工具条
JavaScript[对象.属性]集锦之二
JavaScript 小技巧(第五集)
JavaScript 小技巧(第七集)
完美解决一个事件激活多个函数
JavaScript入门学习之一
在客户端把表格行变成列,列变成行并保持TD的属性不丢失
用 Javascript 实现的“Dual listbox”(双向选择器)
我与Javascript 随笔(一)(献给所有爱好Javascript的朋友)

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


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