clientX,Y与pageX,Y的差异，您肯定不知道的！（框架细节十）

以初学者的视角看问题，感谢各路大神的纠错与指教！~

本篇重点讨论的是：

PS：我之前测试过很多次，PageX,Y和ClientX,Y的数值一直相等，我以为是“Bug”呢

我也发帖求助过，没得到想要的答案，今早突然悟出来了……

原来：

在页面的尺寸(宽或高)小于屏幕的时候（即没有滚动条的时候），PageX,Y和ClientX,Y的数据相等。

只有在页面的尺寸(宽或高)大于屏幕的时候（即有纵向或横向滚动条的时候），PageX,Y和ClientX,Y才会有差异。

来张动态示意图

重点说明：

以上测试的是纵向的变化，横向变化同理。

内容的宽度大于屏幕的宽度即可。