JavaScript获取鼠标坐标的函数（兼容IE、FireFox、Chrome）
更新时间：2010年01月13日 03:41:27 作者：
下午想做个鼠标跟随的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 全选 注:引入外部Js需再刷新一下页面才能执行]
复制代码 代码如下:
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 全选 注:引入外部Js需再刷新一下页面才能执行]
相关文章
用JavaScript实现用鼠标画线，具体步骤是首先是画点，在根据两点坐标画直线，最后是获取鼠标位置,需要的朋友可以参考下2014-08-08
下雪了，这篇文章主要介绍了javascript实现雪花飞舞，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-04-04
一个不错的应用,用于提交获取文章内容，不推荐用...2007-03-03
下面小编就为大家带来一篇jstl中判断list中是否包含某个值的简单方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-10-10
js中scrollTop()方法和scroll()方法用法示例
这篇文章主要介绍了js中scrollTop()方法和scroll()方法用法,结合实例形式分析了scrollTop()方法和scroll()方法滚动操作的用法与相关操作技巧,需要的朋友可以参考下2016-10-10
JavaScript async&await方法中的异常处理方案
在 async/await 方法中,可以使用 try-catch 块来处理异常,通过使用 try-catch,可以捕获异步操作中抛出的异常,并在 catch 块中进行适当的处理,本文给大家详细介绍了async&await方法中异常如何处理,需要的朋友可以参考下2023-08-08
有时候大家来浏览网页的时候发现IE浏览器左下角总有个黄色错误标志，有时候更是直接弹出错误无法继续浏览页面，这样对于网站的正规性与权威性发展不利。2010-04-04
这篇文章主要介绍了判断js验证日期时间有效性的方法，需要的朋友可以参考下2015-10-10
JavaScript判断一个输入量是否为电话号码，通过正则表达式实现,需要的朋友可以参考下2014-03-03
javascript数组对象常用api函数小结(连接,插入,删除,反转,排序等)
这篇文章主要介绍了javascript数组对象常用api函数,结合实例形式总结分析了javascript针对数组的连接、删除、反转、排序、插入等操作相关函数用法,需要的朋友可以参考下2016-09-09
最新评论