js网页在线获取鼠标坐标 js网页在线获取鼠标坐标数据

jsp里面,怎么获取鼠标在网页中的坐标?

MouseEvent（鼠标事件）有两个方法：getX()；getY()；可以获得mouse的坐标。

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

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

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

理论上，iframe内的页面和parent页只有上下级关系，所以鼠标在iframe内的坐标应该不能在父页获取。

可以使用按键精灵，里面有抓抓工具，就可以得到鼠标指针所在的坐标。

相关问答

Q1: JS获取鼠标点击位置坐标

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

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

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

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

Q2: js如何获取鼠标在某元素移动时~鼠标指针在元素中的坐标?

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

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

首先，打开html编辑器，新建html文件，例如：index.html，编写基础代码。

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

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

js网页在线获取鼠标坐标的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于js网页在线获取鼠标坐标数据、js网页在线获取鼠标坐标的信息别忘了在本站进行查找喔。