2020年4月1日 · event.pageY：触点（或者鼠标）相对于 HTML 文档上边沿的的 Y 坐标，与是否会滚动无关; event.clientY：触点相对于内容可视区域（当前窗口下）的 Y 坐标，会根据用户对可见视区的缩放行为而发生变化; event.screenY：触点相对于显示屏上边沿的 Y 坐标，不包含页面滚动 ...

Hey guys, What's up its me Pagey! Welcome to my channel where I cover anything that's comic book show or movie related. I also review shows that interest me and that I wish to share my views and...

2025年3月4日 · The pageY read-only property of the MouseEvent interface returns the Y (vertical) coordinate (in pixels) at which the mouse was clicked, relative to the top edge of the entire document. This includes any portion of the document not currently visible.

2020年2月22日 · pageX和pageY两个属性代表鼠标光标在页面中的位置，因此坐标是从页面本身而非视口的左边和顶边计算的。 在没有滚动的情况下，clientX和cilentY与pageX和pageY是相等的。

pageY 是一个只读属性，它返回触发事件的位置相对于整个 document 的 Y 坐标值。 由于其参考物是整个 dom，所以这个值受页面垂直方向的滚动影响。 例如：当你垂直方向向下滚动了 50 pixel，那么你在顶端进行点击的时候，获取的 pageY 为 50pixed 而不是 0。

2018年9月6日 · pageX、pagey: 事件发生时鼠标相对于整个页面的坐标。整个页面是说整个网页的区域。 pageX=clientX+横向滚动区域(如果有滚动条) pagey=clienty+纵向滚动区域(如果有滚动条) s...

2020年10月14日 · MouseEvent.pageX 是一个由MouseEvent接口返回的相对于整个文档的x（水平）坐标以像素为单位的只读属性。 这个属性将基于文档的边缘，考虑任何页面的水平方向上的滚动。 举个例子，如果页面向右滚动 200px 并出现了滚动条，这部分在窗口之外，然后鼠标点击距离窗口左边 100px 的位置，pageX 所返回的值将是 300。 MouseEvent.pageY 是一个只读属性，它返回触发事件的位置相对于整个 document 的 Y 坐标值。 由于其参考物是整个 dom，所以这 …

2023年2月10日 · clientX 和 clientY：鼠标相对于浏览器视口的位置。 pageX 和 pageY：鼠标相对于整个文档的位置。 screenX 和 screenY：鼠标相对于用户屏幕的位置。 button：表示哪个鼠标按钮被按下（0 = 左键，1 = 中键，2 = 右键）。 target：事件的目标元素。 下面对其中的坐标进行详细的介绍. 如上图所示，假设页面中灰色圆点是鼠标点击处， 黄色区域是鼠标触发事件对象。 综上：注意这里的坐标是鼠标点击的点，每次点击的不一样，坐标也是不一样的，即使你内容区还 …

2022年10月17日 · 在以上鼠标的滑动等事件中，**pageY**是一个只读属性，它返回触发事件的位置相对于整个 document 的 Y 坐标值。由于其参考物是整个 dom，所以这个值受页面垂直方向的滚动影响。

说到底， pageY, clientY, screenY的计算，就是要找到参考点， 它们的值就是： 鼠标点击的点----- 和参考点指点-----的直角坐标系的距离. stackoverflow上面有个回答，讲解的非常清晰。