js如何获取鼠标当前位置，js如何获取鼠标当前位置图片

js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上

1、首先，获取到事件对象e，事件来源，IE下面对应的是srcElement，FF下面是target。

2、声明一个变量（如el），用来存放鼠标所在的元素节点。

3、onmouseover = function(event) { el = event.target；(body).append(当前鼠标在 + $(el).html() + 元素上)；} 浏览器运行index.html页面，此时鼠标移动到123上，会打印出光标在123元素上。

4、这个可以利用 JS 的事件传递的特性，在body捕获到页面的所有的鼠标进入事件，并获取到触发事件的最底层的元素。这样你就知道鼠标当前处在那个元素中了。

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

相关问答

Q1: 怎样获取当前鼠标位置?

1、获取鼠标当前坐标方法：鼠标在页面上的位置从页面左上角开始，即是以页面为参考点，不随滑动条移动而变化。

2、点击软件导航上的抓抓打开，如下图所示。打开之后点击左上角的放大镜。最后在放大镜可以找到当前的鼠标坐标，通过快捷键可以快速保存这些关键的坐标位置。

3、public int getYOnScreen()返回事件的绝对垂直 y 坐标。在虚拟设备多屏幕环境中，桌面区域可以跨越多个物理屏幕设备，这些坐标相对于虚拟坐标系。否则，这些坐标相对于与 Component 的 GraphicsConfiguration 关联的坐标系。

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

Q2: js如何获取鼠标指针在元素中的坐标?

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

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：var e = event || window.event；document.body.innerText = e.clientX + ， + e.clientY；。

进入硬件和声音的窗口界面，在右侧找到鼠标项，点击。弹出鼠标属性对话框，鼠标的一切控制都在这里了，点击指针选项卡。在底部勾选“当按Ctrl键时显示指针的位置”，点击应用就可以了。

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

关于js如何获取鼠标当前位置和js如何获取鼠标当前位置图片的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。