
彻底弄懂事件的 pageY、clientY、screenY、scrollY、offsetY
2020年4月1日 · event.pageY:触点(或者鼠标)相对于 HTML 文档上边沿的的 Y 坐标,与是否会滚动无关 event.clientY:触点相对于内容可视区域(当前窗口下)的 Y 坐标,会根据用户对可见视区的缩放行为而发生变化
MouseEvent.pageY - Web API - MDN
pageY 是一个只读属性,它返回触发事件的位置相对于整个 document 的 Y 坐标值。 由于其参考物是整个 dom,所以这个值受页面垂直方向的滚动影响。 例如:当你垂直方向向下滚动了 50 pixel,那么你在顶端进行点击的时候,获取的 pageY 为 50pixed 而不是 0。
MouseEvent: pageY property - Web APIs | MDN - MDN Web Docs
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. See MouseEvent.pageX for more information.
一文看懂js中的clientX,clientY,pageX,pageY…
2020年2月22日 · pageX和pageY两个属性代表鼠标光标在页面中的位置,因此坐标是从页面本身而非视口的左边和顶边计算的。 在没有滚动的情况下,clientX和cilentY与pageX和pageY是相等的。
clientX/screenX/offsetX/pageX等属性一览在熟悉业务中播放器功 …
2020年10月14日 · MouseEvent.pageX 是一个由MouseEvent接口返回的相对于整个文档的x(水平)坐标以像素为单位的只读属性。 这个属性将基于文档的边缘,考虑任何页面的水平方向上的滚动。 举个例子,如果页面向右滚动 200px 并出现了滚动条,这部分在窗口之外,然后鼠标点击距离窗口左边 100px 的位置,pageX 所返回的值将是 300。 MouseEvent.pageY 是一个只读属性,它返回触发事件的位置相对于整个 document 的 Y 坐标值。 由于其参考物是整个 dom,所以这 …
前端:pageY、clientY、offsetY的区别&拖动效果优化-CSDN博客
2018年9月6日 · pageY:鼠标在页面上的位置,从页面左上角开始,即是以页面为参考点,不随滑动条移动而变化; clientY:鼠标在页面上可视区域的位置,从浏览器可视区域左上角开始,即是以浏览器滑动条此刻的滑动到的位置为参考点;
Pagey - YouTube
Covering the latest in The Flash Season 7, Stargirl Season 1, Legends of Tomorrow Season 6 and MUCH MORE!
一文彻底搞懂图解事件的坐标以及dom事件的属性,可视区域,
2023年2月10日 · clientX 和 clientY:鼠标相对于浏览器视口的位置。 pageX 和 pageY:鼠标相对于整个文档的位置。 screenX 和 screenY:鼠标相对于用户屏幕的位置。 button:表示哪个鼠标按钮被按下(0 = 左键,1 = 中键,2 = 右键)。 target:事件的目标元素。 下面对其中的坐标进行详细的介绍. 如上图所示,假设页面中灰色圆点是鼠标点击处, 黄色区域是鼠标触发事件对象。 综上:注意这里的坐标是鼠标点击的点,每次点击的不一样,坐标也是不一样的,即使你内容区还 …
Touch:pageY 属性 - Web API | MDN
Touch.pageY 属性是相对于视口的触摸点的垂直坐标(以 CSS 像素为单位),包括任何滚动偏移。 在以下简单代码片段中,我们假设用户在 source 元素上启动一个或多个触摸点,移动这些触摸点,然后释放与表面的所有接触点。
jQuery event.pageY 属性 | 菜鸟教程
定义和用法 event.pageY 属性返回鼠标指针的位置,相对于文档的上边缘。 提示: 该事件属性通常与 event.pageX 属性一起使用。