码迷,mamicode.com
首页 > 其他好文 > 详细

深刻认识clientX,offsetX,screenX

时间:2014-07-30 01:12:23      阅读:252      评论:0      收藏:0      [点我收藏+]

标签:style   color   strong   ar   line   rgb   size   ad   

clientX 设置或获取鼠标指针位置相对于当前窗口的 x 坐标,其中客户区域不包括窗口自身的控件和滚动条。
clientY 设置或获取鼠标指针位置相对于当前窗口的 y 坐标,其中客户区域不包括窗口自身的控件和滚动条。

 clientX ,clientY 相对的对象是浏览器窗口,不管浏览器如何变化,其(0,0)坐标永远在浏览器当前窗口的左上角

=====================================================================================

offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。
offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

offsetX,offsetY,相对的对象永远是触发事件的对象,不管触发事件的对象的左上角在当前窗口是否可见,其(0,0)坐标永远在触发事件的对象的左上角,其坐标值不随窗口的变化而变化

================================================================================================= 
screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。
screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。 

screenX,screenY是相对于用户电脑显示器屏幕的位置来定位的,基本上是已经定死了的,其(0,0)坐标永远在电脑显示器的左上角

=================================================================================================
x 设置或获取鼠标指针位置相对于父文档的 x 像素坐标(亦即相对于当前窗口)。
y 设置或获取鼠标指针位置相对于父文档的 y 像素坐标(亦即相对于当前窗口)。

X,Y,相对的对象永远是浏览器 与 clientX ,clientY 用法近乎相似,其(0,0)坐标永远在浏览器当前窗口的左上角


深刻认识clientX,offsetX,screenX,布布扣,bubuko.com

深刻认识clientX,offsetX,screenX

标签:style   color   strong   ar   line   rgb   size   ad   

原文地址:http://my.oschina.net/u/1861097/blog/296005

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!