深入認識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）座標永遠在瀏覽器當前窗口的左上角