一：获取在可视区域的坐标

e.clientX : 获取距离页面左边的距离

e.clientY ：距离页面可视区域上边框的距离

获取在可视区的坐标，可视区就是我们屏幕可以看得到的区域例如在下方的截图中，红框圈住的区域就是可视区域，不管页面有多长，展示出来的可以看得见的这一部分就叫做可视区域

 document.addEventListener('click',function(e){console.log(e.clientX);console.log(e.clientY);})

这就可以得到点击后可视区域的位置坐标

二：获取在文档页面的坐标

e.pageX ：获取距离页面左边的距离

e.pageY ：获取距离文档页面顶部的距离

文档页面是指如果你的页面很长，在你往下滚动滑轮后，到顶部的距离不再是到可视区域的顶部的距离了，而是到文档顶部的距离，图解如下

 document.addEventListener('click',function(e){console.log(e.pageX);console.log(e.pageY);})

三：获取在电脑屏幕的坐标

在电脑屏幕的坐标是指如果页面小窗口化了，获取的不再是到页面边缘的坐标，而是屏幕边缘的坐标

  document.addEventListener('click',function(e){console.log(e.screenX);console.log(e.screenY);})

获取鼠标点击位置的坐标相关推荐

JS获取页面鼠标点击位置的坐标
本来想通过JS实现当前页面对其他页面的操作,在网上发现了这段js代码,先保存下来,可以获取页面鼠标点击位置的坐标. <html> <body> <script> f ...
（一）MFC读取并显示一幅位图图像，并获取鼠标点击位置的像素坐标和灰度值（接上篇博客）
上篇博客简要介绍了如何利用MFC读取并显示一幅位图图像,并获取鼠标点击位置的像素坐标和灰度值信息,主要包含了对话框的创建和添加程序,代码也在上一页中给了大家,但是并没有详细说明功能,所以在这一节当中主 ...
（一）MFC读取并显示一幅位图图像，并获取鼠标点击位置的像素坐标和灰度值
题目是老师布置的一道作业题,要求用C或C++完成,但不能用VTK/Opencv等软件包,经过很多摸索之后实现了该功能,后续可能还有其他功能要实现,所以先写一篇博客记录下,一方面是方便自己以后使用,另一 ...
cesium获取点击内容信息_Cesium获取鼠标点击位置（PickPosition）
cesium学习了这么长时间,有时候写鼠标点击事件时,想获取鼠标点击点位置,发现情况很多.比如以下情形: 1获取鼠标点的对应椭球面位置 2获取加载地形后对应的经纬度和高程 3获取倾斜摄影或模型点击处的 ...
js获取鼠标点击坐标
转载自:http://www.cnblogs.com/dolphinX/archive/2012/10/09/2717119.html 在一些DOM操作中我们经常会跟元素的位置打交道,鼠标交互式一个经 ...
html获取鼠标的当前位置
html获取鼠标的当前位置 1.相对于屏幕如果是涉及到鼠标点击确定位置相对比较简单,获取到鼠标点击事件后,事件screenX,screenY获取的是点击位置相对于屏幕的左边距与上边距,不考虑ifra ...
根据鼠标点击位置获取DataGridView的选择行号。
一个非常非常郁闷的问题:在DataGridView中当右键点击某一行的时候才显示右键菜单. 找了好几个方法结果总是回归到对鼠标点击位置的判断,用鼠标点击位置来判断点中的是哪一行. 找了好几个函数都没有 ...
Unity 获取鼠标点击图片时获取点击位置的像素
脚本要求: 需要获取颜色的图片以走下角为起点建立空物体右上角建立空物体(两个空物体均设置为图片的子物体,设置好锚点,将坐标改为0即可).建立好碰撞体(BoxCollider).用2DBoxColli ...
Java 获取鼠标点击坐标
Java 窗体的使用,获取鼠标右键点击的坐标,其中使用了匿名内部类 import java.awt.FlowLayout; import java.awt.event.MouseAdapter; im ...

获取鼠标点击位置的坐标

一：获取在可视区域的坐标

二：获取在文档页面的坐标

三：获取在电脑屏幕的坐标

获取鼠标点击位置的坐标相关推荐

最新文章

热门文章