原創聲明:本文為作者原創,未經允許不得轉載,經授權轉載需注明作者和出處
以初學者的視角看問題,感謝各路大神的糾錯與指教!~
本篇重點討論的是:

PS:我之前測試過很多次,PageX,Y和ClientX,Y的數值一直相等,我以為是“Bug”呢
我也發帖求助過,沒得到想要的答案,今早突然悟出來了……
原來:
在頁面的尺寸(寬或高)小于屏幕的時候(即沒有滾動條的時候),PageX,Y和ClientX,Y的數據相等。
只有在頁面的尺寸(寬或高)大于屏幕的時候(即有縱向或橫向滾動條的時候),PageX,Y和ClientX,Y才會有差異。


來張動態示意圖

重點說明:
以上測試的是縱向的變化,橫向變化同理。
內容的寬度大于屏幕的寬度即可。