# 如何实现JavaScript的pageY
## 概述
在JavaScript中，我们经常需要获取页面上某个元素相对于页面顶部的Y坐标位置。这个坐标被称为pageY。本文将教会你如何使用JavaScript来实现pageY的功能。
## 实现步骤
下面是实现pageY的步骤，以表格的形式展示：
| 步骤 | 描述 |
| --- | --- |
| 步骤一 | 获取元素的相对于文档顶部的Y
原创
2023-08-03 19:06:32
69阅读
jquery pageY属性 语法 作用：pageY() 属性是鼠标指针的位置，相对于文档的上边缘。直线模组 语法：event.page 参数： 参数 描述 event 必需。规定要使用的事件。这个 event 参数来自事件绑定函数。 jquery pageY属性 示例 <html> <head>
转载
2019-11-30 14:58:00
76阅读
2评论
原创
2021-09-01 09:51:19
569阅读
<html xmlns="://.w3.org/1999/xhtml"> <head> <title></title> <script src="Jquery/jquery-1.10.2.js" type="text/javascript"></script> <script type
转载
2017-06-19 11:46:00
188阅读
2评论
说到底， pageY, clientY, screenY的计算，就是要找到参考点， 它们的值就是： 鼠标点击的点 和参考点指点 的直角坐标系的距离 stackoverflow上面有个回答，讲解的非常清晰。 offsetX and offsetY are relative to the parent
转载
2018-04-12 13:33:00
236阅读
理解 e.clientX,e.clientY e.pageX e.pageY e.offsetX e.offsetYevent.clientX、ev
转载
2022-10-27 20:13:10
98阅读
1.首先获得相对于整个页面的坐标：function getCursorPosition(e) {
var x;
var y;
if (e.pageX != undefined && e.pageY != undefined) {
x = e.pageX;
y = e.pageY;
}
else {
x = e.clie
转载
精选
2014-04-03 22:19:13
1934阅读
最简单的方法，供事件中获取事件触发时的鼠标位置的方法：function xxx(e){
e= e || window.event;
var movex=e.pageX;
var movey=e.pageY;
}
//var movex=event.pageX;
//var movey=event.pageY; 简单点的方法就是定义两个全局变
转载
2023-07-15 18:12:35
108阅读
1:event event||window.event;2:event.x与event.y问题 说明:IE下,event对象有x,y属性,但是没有pageX,pageY属性;Firefox下,event对象有pageX,pageY属性,但是没有x,y属性. event.x?event.x:event.pageX3:firefox与IE的父元素(parentElement)的区别 说明：
转载
2024-05-21 16:22:04
34阅读
The way to add hovercard is Append a div with class 'hovercard' in the tick function, positioning the hovercard with 'd3.event.pageX and pageY'
转载
2017-09-07 22:35:00
263阅读
2评论
简单记录，个人学习。 IE下 event.x |event.yFF下 event.pageX | event.pageY
原创
2023-06-26 00:11:44
99阅读
本文主要内容： screenX 和 screenY， clientX 和 clientY / x 和 y pageX 和 pageY layerX 和 layerY 在处理鼠标事件（MouseEvent）时，
原创
2024-08-19 13:57:27
103阅读
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="../js/jquery-3.5.1.js"></script>
<script>
//event对象
//.pageX 和 .pageY
.
原创
2021-09-06 11:29:59
28阅读
放大镜就是等比放大图片，显示细节，常用在京东、淘宝等商品网站，增加顾客体验。效果如下： 用到的知识点 ：轮播 、 获取图片src并赋值、比例尺、pageX 、pageY 、offset().left 、offset().top。先简单介绍一下event.pageX、event.pageY 属性是返回鼠标指针的位置，相对于文档的左边缘。offset() 方法设置或返回被选元素相对于文档的偏移坐标。
//绑定一个mousemove事件 //触发后修改内容 $(".aaron1").mousemove(function(e) { $(this).find('p:last').html('移动的X位置：' + e.pageY)e.pageX })
原创
2022-08-01 17:12:45
137阅读
最近在项目中遇到一个奇怪的问题，有一个需求是这样：页面上有一个按钮，滚动页面时让它消失，停止滚动时让它显示。常规思路：step1、监听touchstart事件，记录Touch对象中pageY初始值startY；step2、监听touchmove事件，记录Touch对象中pageY的变化后的值endY，当大于（endY-startY）的绝对值大于某个阈值时隐藏按钮；step3、监听touchend事
转载
2024-10-11 15:40:23
75阅读
//获取鼠标位置 $(function(){ $('body').mousemove(function(e) { e = e || window.event; __xx = e.pageX || e.clientX + document.body.scroolLeft; __yy = e.pageY
转载
2019-05-16 17:32:00
363阅读
2评论
效果图分清clientY pageY screenY layerY offsetY的区别在我们想要做出拖拽这个效果的时候，我们需要分清这几个属性的区别，这几个属性都是计算鼠标点击的偏移值，我们需要对其进行了解才可以继续实现我们的拖拽效果clientY 指的是距离可视页面左上角的距离pageY 指的是距离可视页面左上角的距离(不受页面滚动影响)screenY 指的是距离屏幕左上角的距离...
原创
2022-03-29 10:16:32
1631阅读
jQuery事件对象只要是事件，就会有一个事件对象，可以使一个任意的参数名字进行接收。type表示事件的名字：currentTarget表示当前单击的对象：event.pageX 和 event.pageY 获取鼠标相对于文档的X轴坐标，获取鼠标相对于文档的Y轴坐标案例1：滚动条没有滚动的时候案例2：滚动条有滚动的时候：pageX和pageY是考虑滚动条滚动的距离的。clientX和c
转载
2023-11-07 00:57:04
94阅读
function drag(obj){ obj.addEventListener("touchstart", function(event){ var e=event; console.log(e) var abc=e.targetTouches[0].pageX; var xyz=e.targetTouches[0].pageY; console.log(abc+...
原创
2022-01-16 10:48:03
198阅读
