JavaScript 中一些概念理解 :clientX、clientY、offsetX、offsetY、screenX、screenY ...
clientX 設置或獲取滑鼠指針位置相對於視窗客戶區域的 x 坐標,其中客戶區域不包括視窗自身的控制項和滾動條。
clientY 設置或獲取滑鼠指針位置相對於視窗客戶區域的 y 坐標,其中客戶區域不包括視窗自身的控制項和滾動條。
offsetX 設置或獲取滑鼠指針位置相對於觸發事件的(this)對象的 x 坐標。
offsetY 設置或獲取滑鼠指針位置相對於觸發事件的(this)
對象的 y 坐標。
screenX 設置或獲取獲取滑鼠指針位置相對於用戶屏幕的 x 坐標。
screenY 設置或獲取滑鼠指針位置相對於用戶屏幕的 y 坐標。
x 設置或獲取滑鼠指針位置相對於父文檔的 x 像素坐標。
y 設置或獲取滑鼠指針位置相對於父文檔的 y 像素坐標。
如圖:圖片來源於網路