深入认识clientX,offsetX,screenX

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

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

=====================================================================================指针

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

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

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

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

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

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

相关文章
相关标签/搜索