获取当前点击位置js，点击以后获取到当前点击元素下标

js获取鼠标点击事件的相对位置

在index.html中的标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。浏览器运行index.html页面，此时会打印出鼠标的当前位置坐标。

如果要兼容浏览器，最好使用一个库来实现，用鼠标的页面位置减去图片的页面位置就行了。

所以鼠标在iframe内的坐标应该不能在父页获取。你可以用document.getElementById(iframe1).contentDocument得到iframe的document对象，之后操作它得到iframe内的坐标，再与父页中iframe标签左上角坐标叠加就可以。

相对窗口，当然是以浏览器窗口为主了，即浏览器中可见部分（即包含文档部分）的左上角为坐标原点。这是用clientX和clientY获取的。

当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

相关问答

Q1: 求JS获得当前鼠标的位置坐标的方法

使用pageX、pageY获取鼠标当前位置。在标签后面新建一个，创建鼠标移动时获取鼠标当前的位置。

兼容IE8+ 用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

所以鼠标在iframe内的坐标应该不能在父页获取。你可以用document.getElementById(iframe1).contentDocument得到iframe的document对象，之后操作它得到iframe内的坐标，再与父页中iframe标签左上角坐标叠加就可以。

相对窗口，当然是以浏览器窗口为主了，即浏览器中可见部分（即包含文档部分）的左上角为坐标原点。这是用clientX和clientY获取的。

Q2: 请问js如何获取鼠标点击坐标呢?

1、pdf.js可以获取点击坐标。需要用鼠标点击pdf的位置，在所点击的位置那，插入一个图片。后台用的是itextpdf，插入图片功能已经做好，鼠标点击pdf文档的位置即可获取坐标。

2、用 javascript 获取当前页面上鼠标（光标）位置在许多情况下都会用到，比如拖放，悬停提示（tooltip） 等等。当然，这里我们依然要面对浏览器的兼容问题，在不同的浏览器下，对这些相关的属性处理方式也不同。

3、相对窗口，当然是以浏览器窗口为主了，即浏览器中可见部分（即包含文档部分）的左上角为坐标原点。这是用clientX和clientY获取的。

Q3: pdf.js获取点击坐标

你可以用document.getElementById(iframe1).contentDocument得到iframe的document对象，之后操作它得到iframe内的坐标，再与父页中iframe标签左上角坐标叠加就可以。

相对窗口，当然是以浏览器窗口为主了，即浏览器中可见部分（即包含文档部分）的左上角为坐标原点。这是用clientX和clientY获取的。

首先打开我们测试的编辑工具 我这里使用的是Eclipse。首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码。

pdf坐标定位位置算：用Photoshop打开pdf，可以读取pdf中任何点的坐标。可以用截图工具，如qq截图，一点是自己设置的点，对角线点是其他点，截图工具可以显示出像素大小，即为两点相对坐标这个方法能得出坐标。

document.elementFromPoint(x，y)获取坐标(x，y)的元素。

CPoint pt；：GetCursorPos(&pt)；这样就可以得到当前鼠标的位置了，(pt.x，pt.y)。要获得鼠标点击时的坐标不用自己获得的，MFC的消息映射函数的参数中有鼠标位置的这个参数的。

获取当前点击位置js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于点击以后获取到当前点击元素下标、获取当前点击位置js的信息别忘了在本站进行查找喔。