js获取光标所在元素，js获取光标所在元素的方法

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

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

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

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

3、设置鼠标位置的Js方法创建一个新的html代码页，并找到也可以点击开始按钮，在开始菜单的右侧点击控制面板。弹出控制面板窗口，点击硬件和声音。如果界面不是这样的，则需要更改右上方的查看方式为类别。

4、获得当前鼠标的坐标，根据参照物的不同，分为以下几套坐标系。一套是以当前浏览器的可视区为参照物（clientX，clientY），另一套是以显示器的屏幕为参照物（screenX，screenY）。

相关问答

Q1: js中鼠标移动事件触发时,如何获得当前鼠标所在元素的内容

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

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

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

4、{ var obj=document.elementFromPoint(event.clientX，event.clientY)；alert(obj.tagName)} IE chrome 兼容，火狐要兼容，我目前所知的办法非常复杂，也没有仔细研究过。你可以去搜索下 elementFromPoint这个火狐兼容的办法。

5、首先给div绑定click事件。通过this，结合parents方法找到tr。通过attr方法获取id的值。

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

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

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

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

offsetWidth 获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的宽度。offsetX 设置或获取鼠标指针位置相对于触发事件的对象的 x 坐标。offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y 坐标。

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

如图位置是一个html中的可编辑内容的div标签，在里边输入文字，会有一个光标。通过getSelection可以获得一个Selection对象，如图。因为是一个光标，anchor和focus（选择的起点和终点）一样，偏移也一样。

Q3: js有两个文档框获取光标在那个文档框中

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

2、js的数据属性。js的数据属性实现在输入框输入的内容显示到另外一个框，用objectdefineProperty方法来实现。

3、给你个简单的思路。在每一个input框中加一个onblur，onfocus事件，只要一聚焦就将1赋值全局变量，只要一离开就将0赋值全局变量，在加载页面或者离开 input的时候判断。