如何在Javascript中获得相对于页面而不是相对于屏幕的鼠标坐标？
在Javascript中，可以通过以下方式获得相对于页面而不是相对于屏幕的鼠标坐标：
- 使用事件对象的pageX和pageY属性：
- pageX：鼠标相对于整个文档页面的水平坐标。
- pageY：鼠标相对于整个文档页面的垂直坐标。
- pageY：鼠标相对于整个文档页面的垂直坐标。
- 使用事件对象的clientX和clientY属性结合滚动条的位置：
- clientX：鼠标相对于浏览器窗口可视区域的水平坐标。
- clientY：鼠标相对于浏览器窗口可视区域的垂直坐标。
- clientY：鼠标相对于浏览器窗口可视区域的垂直坐标。
这样可以获得相对于页面的鼠标坐标，无论页面是否有滚动条。这在需要精确获取鼠标位置的交互场景中非常有用，例如拖拽、绘图等。
相关·内容
我想得到鼠标指针协调相对于当前的屏幕或窗口，而不是从整个页面，使用jQuery。有什么办法完成这件事吗？
浏览 1提问于2018-05-23得票数 1
回答已采纳
我想要获取光标相对于我的网站页面的位置，而不是相对于它所显示的屏幕 <script>document.getElementById("sidebar
浏览 14提问于2019-01-15得票数 0
4回答
在Javascript中，在onMouseMove的Javascript事件处理程序中，如何获得相对于页面顶部的x，y坐标中的鼠标位置？
浏览 1提问于2010-06-10得票数 20
1回答
在执行拖放事件时，我看到了如何获取鼠标相对于整个屏幕的坐标，但我还不清楚如何获得鼠标相对于下拉控件的坐标。我是否必须根据窗体中的控件位置和窗体在屏幕中的位置来计算它，还是有一种更直接的方法进行计算？
浏览 1提问于2013-12-25得票数 0
回答已采纳
1回答
我要开始为我的公司的一个网站使用电子签名。我想知道是否有人对最佳实践和/或实现有任何建议。注意，我并不是要求任何人给我喂代码。我想得到关于如何去做的想法。我希望能够使用usb签名簿，并提交签名与它的网站。
提前谢谢。
浏览 0提问于2010-01-29得票数 1
回答已采纳
2回答
我想要获取窗口的当前鼠标位置，并将其分配给两个变量x和y (相对于窗口的坐标，而不是相对于整个屏幕的坐标)。还有一个快速奖励问题:如何隐藏光标/取消隐藏光标？
浏览 1提问于2011-06-21得票数 61
回答已采纳
1回答
我试着重现几年前我尝试过的一件小东西。这实际上只是一个简单的油漆程序。MouseUp(sender As Object, e As MouseEventArgs) Handles Me.MouseUpEnd Sub
它工作得很好，当鼠标移动时然而，绘制线的准确性是值得怀疑的。当在我的第二个监视器(运行于1280x720)上绘制常规窗口大小(586,634)时，这条线非常接近鼠标尖端(但并不准确)。但是当窗口出现在我的</em
浏览 1提问于2015-10-03得票数 0
回答已采纳
我希望获得相对于元素原点的鼠标坐标，而不是页面的原点。如果我正确理解，可以在d3的第3版中使用d3鼠标(这个)来完成这一任务，例如： let coor = d3.mouse(this)}
然而，当我在第4版中尝试这一点时，
浏览 0提问于2018-02-06得票数 1
回答已采纳
我正在使用嵌入在HTML页面中的Oracle Mapviewer映射，在该页面中，我通过Javascript api与地图进行交互。地图查看器的displayInfoWindow函数将在用户单击地图的点附近的地图容器内生成一个弹出对话框，但这似乎是通过相对于地图本身的地理信息系统坐标而不是相对于包含的地图查看器
浏览 6提问于2016-06-10得票数 0
回答已采纳
1回答
如何通过点击获取像素的坐标
、、、、
我是C#和.net的新手。我想通过点击它来获得像素的坐标，这样它就会显示在工具提示中！！我有一个获取顶点的代码，但我不知道如何与鼠标点击联系起来。
浏览 0提问于2011-05-27得票数 1
回答已采纳
我想看看两组坐标是否很接近。我看了一下，它建议使用毕达哥拉斯公式来计算两点之间的距离。我比较的两组坐标是鼠标的当前位置，并在变量point下预置坐标
if(Math.Sqrt(Math.Pow(point.X - this.PointToClient(Cursor.Position.X)我使用的是this.PointToClient(Cursor.Position)而不是Cursor.Position，因为我希望获得
浏览 3提问于2019-12-13得票数 3
回答已采纳
6回答
获得页面上元素相对于视图(而不是文档)的位置的正确方法是什么。函数似乎很有前途：
但这是相对于文件。是否存在相对于视图端口返回偏移量的等效方法？
浏览 13提问于2009-10-14得票数 118
回答已采纳
我有一个小问题，当用户点击页面时，我需要获得鼠标坐标。这里我需要获取相对于文档(页面)的位置，也不需要相对于找到的位置。有没有人可以帮我把this...If解决方案写成javascript，对我来说很有用..谢谢。拉杰什
浏览 2提问于2012-12-02得票数 0
2回答
我正在尝试获取鼠标相对于窗口的坐标。我知道我需要参考JFrame之类的东西，但我无法理解，我的课是如何提供给我这个初学者代码的，我是从那里建立起来的。JFrame.EXIT_ON_CLOSE);
{}下面是我的鼠标侦听器类, Char c) {
浏览 0提问于2016-02-23得票数 2
回答已采纳
是否可以将鼠标移动到屏幕上的任意坐标/相对于量角器测试中的元素？我看到人们推荐使用Robot for Java用户，但我当然不能在JavaScript中使用它。
浏览 0提问于2015-02-25得票数 22
回答已采纳
我的DOM中有一个图像，我希望获得相对于图像自然宽度和高度的鼠标单击坐标，而不是适合容器的坐标。例如，当鼠标点击图像时，它返回坐标(50，50)，该坐标是图像在其实际尺寸上的实际点击坐标。
浏览 0提问于2020-05-30得票数 0
1回答
我有一个mousemove传感器，它可以按鼠标移动的方向滚动页面，但是即使我没有移动鼠标，事件还是会自动调用，因为页面被滚动了，所以就像鼠标移动了一样！我只想在鼠标移动时得到真正的事件，不是页面事件，而是客户端事件。
浏览 1提问于2014-06-30得票数 0
回答已采纳
单击Windows中的一个按钮后，应该在按钮附近显示一个Popup控件。使用Popup的VerticalOffset和HorizontalOffset属性(相对于左上角的==坐标)定位没有问题，但是如何获得按钮相对于屏幕的位置才能正确计算偏移量？按钮位于页面的某个位置，相对于屏幕没有固定的位置(例如，放置在滚动视图中时，等等)。我怎么才能得到按钮
浏览 2提问于2014-02-27得票数 5
回答已采纳
如何获得鼠标指向的位置的绝对坐标相对于背景图像. fabric.Image.fromURL(backgroundImageUrl, function(img
浏览 1提问于2020-02-23得票数 0
回答已采纳
1回答
我想要显示一个弹出窗口(div)使用jquery动画(‘顶部’和‘左’根据用户的位置)我试图获取鼠标坐标，在firefox中它工作得很好，因为鼠标的位置是绝对位于屏幕顶部的，但在IE中，鼠标的坐标是
浏览 2提问于2011-08-29得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
