javascript - JavaScript中的pageX/Y clientX/Y screenX/Y有什么区别？ [复制]

This question already has answers here:

What is the difference between screenX/Y, clientX/Y and pageX/Y?

(7个答案)


6年前关闭。




具有一些视觉提示的示例将非常有帮助。

最佳答案

视觉提示代表:
屏幕→监视器的全屏(screenX/Y)
位置将始终相对于物理屏幕的视口(viewport)。
客户端→浏览器的客户端视口(viewport)(clientX/Y)
如果单击左上角，则该值将始终为(0,0)，与滚动位置无关。
文档→完整的文档/页面(pageX/Y)
注意pageX对象are not standardized上的pageY/UIEvent。
所有值均以像素为单位。

关于javascript - JavaScript中的pageX/Y clientX/Y screenX/Y有什么区别？ [复制]，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/9262741/