js鼠标移动元素，js控制鼠标移动到某个元素上

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

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

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

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

4、要做一个功能就是在一个div中选中一段文字，然后把选中的加个背景。

5、var e1 = getElementById(one)；//获得ID为one元素。

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

相关问答

Q1: js鼠标移动到某元素显示div的问题!

1、页面复制有一个id为c2的div，下面有一个子div，下面有一个按钮，事件是用来点击100个adddiv。在event函数中，定义一个内容为degreediv字符的字符串变量。

2、首先我们在html里定义一个div，id为‘mouse_div’，然后定义该div的样式，主要是定义position，让其绝对定位。然后通过JS脚本来做随鼠标移动的效果。先引入jquery脚本，因为用到jquery操作dom。

3、鼠标经过父级元素时触发显示。这样鼠标移动到div时仍然处于该父级元素内，则div不会隐藏。方法B：鼠标经过a时弹出div，鼠标离开a时设置一个计时器用来关闭div，如果鼠标移动到div后则清除计时器。

4、这个问题，你可以在div标签里边设置一个隐藏域然后再用一个click点击事件，当鼠标放在价格栏的时候显示隐藏域。

5、给div动态添加display的样式，block是显示，none是隐藏。所以你上边空着的双引号里写上block就可以了。

6、{timer=setTimeout(function(){oDivstyle.display=none；}，500)；}；}/script/html是这样吗？这种效果css就能实现不清楚为什么你要用js去写，不过已经写好了，自己复制到html里在浏览器运行吧，样式自己改改。

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

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

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

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

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

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

关于js鼠标移动元素和js控制鼠标移动到某个元素上的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。