javascript - Javascript中的pageX/Y clientX/Y screenX/Y有什么区别？

Question

<分区>

Answer 1

视觉提示代表:

屏幕 → 显示器全屏(screenX/Y)
位置将始终相对于物理屏幕的视口(viewport)。

Client → 浏览器的客户端视口(viewport)(clientX/Y)
如果您单击左上角，该值将始终为 (0,0)，与滚动位置无关。

文档 → 完整的文档/页面(pageX/Y)
请注意 UIEvent 对象上的 pageX/pageY are not standardized .

所有值均以像素为单位。