深刻认识clientX，offsetX，screenX

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）坐标永远在浏览器当前窗口的左上角