js获取当前鼠标悬停的元素，js 获取鼠标当前坐标

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

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

2、} 浏览器运行index.html页面，此时鼠标移动到123上，会打印出光标在123元素上。

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

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

5、document.body.onclick=function(){ var obj=document.elementFromPoint(event.clientX，event.clientY)；alert(obj.tagName)} IE chrome 兼容，火狐要兼容，我目前所知的办法非常复杂，也没有仔细研究过。

6、接下来是对无序列表做一下简单的样式，便于后期测试悬浮效果；给li设置一下宽度以及设置一下边框 整体思路：可以用for循环去遍历下的所有；然后对比鼠标悬浮时对应的li元素，输出当前的i，也就是对应li的下标。

相关问答

Q1: js鼠标悬停事件

1、第一：js进行鼠标悬停事件来处理DOM实际上是不合理的。

2、不可以。hover 并不是一个DOM 事件，而是一个CSS伪类。

3、一般都用jQuery写：简单方便。(selector).hover(handlerInOut) 。等同于：$( selector ).on( mouseover mouseout， handlerInOut )；就可以触发鼠标放上去的事件。

4、div上绑定一个hover事件，并开始计时。以jquery为例。

5、方法一，利用html特性，每个标签都有一个title属性。

6、如图首先在一个文件夹下创建index.html文件。然后用可编辑文本文件的软件打开index.html文件，index.html的初始内容如图。

Q2: js怎么获取鼠标悬浮在某一个li时,该li的下标?

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

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

3、最好是用JS做，但是非要用CSS呢，也可以。

4、思路：为li对象添加单击事件→事件触发后利用innerHTML获取li的文本。

5、hover 伪类在鼠标移到元素上时向此元素添加特殊的样式。

6、新建一个html文件，命名为test.html，用于讲解JS如何获取指定DIV下的子元素LI的值。在test.html文件内，在div标签内，使用ul、li标签创建两个项目列表，li元素的值分别为项目项目二。

Q3: 如何实现鼠标悬停时显示内容呢?

1、title。根据查询高考100官网显示，用于设置鼠标悬停时图像提示文字的是title，当鼠标停止时html标签悬浮提示文字，会出现提示文字的设置。

2、title用于设置鼠标悬停时图像的提示文字。根据查询相关公开信息，得知用于设置鼠标悬停时图像的提示文字的属性是title属性。是当鼠标停止时，会出现提示文字的设置。

3、调整批注框的大小：鼠标悬停在批注框的边缘，光标会变成双向箭头。按住鼠标左键并拖动边缘，调整批注框的大小，使其足够大以容纳全部内容。增大批注字号：在批注框内右击，选择显示选项。在弹出的窗口中，可以设置字号大小。

4、Win1触摸屏实现鼠标悬停的方法 技巧一：使用带笔的平板，当然这个只适合那些没有购买设备的朋友，如果你已经悲催了请往下看吧。技巧二：打开win1系统的语音控制，然后对着你的平板说：“将鼠标移动到 …“。

5、实现鼠标悬停显示文字，html中使用title属性就可实现显示文字的效果，这个属性还是比较实用的，你可以参考下 hello 当鼠标悬停在 hello上一会就会有文字 这里是显示的文字 显示。

Q4: 用js,鼠标在一个上悬停,如何获取当前悬停的所指向的地址?

1、复制以上代码。暂时没有找到如何获取鼠标当前所指向的链接地址的方法，不好意思。和楼主提出的问题类似有：http：//bbs.blueidea.com/thread-1853209-1-98html 希望有熟悉JAVASCRIPT的朋友在以上代码的基础上更改。

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

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

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