注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

前端攻城师 郭培的博客

Be the best you can

 
 
 

日志

 
 
关于我

前端技术:http://hszy00232.blog.163.com/ 前端设计:http://blog.sina.com.cn/hsjs00232 职业:web前端工程师 现居地:北京 My QQ:365246295 Mail:hszy00232@163.com

网易考拉推荐

javascript中获取当前鼠标的坐标  

2011-03-15 17:48:27|  分类: javascript |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

在获取当前鼠标坐标时因为参照物的不同,浏览器的兼容,导致在使用时总是觉得混乱,今天在看到一段总结整理下来,方便使用。

获得当前鼠标的坐标,根据参照物的不同,分为以下几套坐标系。

一套是以当前浏览器的可视区为参照物(clientX,clientY),另一套是以显示器的屏幕为参照物(screenX,screenY)。

此外微软还有一套坐标系(x,y),它是相对于触发事件的对象的offsetParent的。

火狐有另一套坐标系(pageX,pageY),它是相对于当前网页的。

1 var getPosition=function(e){
2 e=e||window.event;
3 var x=e.pageX||(e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft));
4 var y=e.pageY||(e.clientY+(document.documentElement.scrollTop||document.body.scrollTop));
5 return {'x':x,'y':y};
6 }

(clientX,clientY)的坐标系,不受滚动条影响

  评论这张
 
阅读(1817)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017