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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上相关的知识,希望对你有一定的参考价值。

你骗分吗?getElement你来给我动态获得试试.

参考技术A 首先,获取到事件对象e,

事件来源,IE下面对应的是srcElement,FF下面是target。

下面是一个简单的例子,兼容IE和FireFox

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title></title>
<script type="text/javascript">
function init()
document.body.onmousemove = function(e)
if (!e)
e = window.event;

else
e.srcElement = e.target;

document.getElementById("divDebug").innerHTML = "mousemove (" + e.clientX + "," + e.clientY + ") srcElement=" + e.srcElement.tagName + "[" + e.srcElement.id + "]";
;

</script>
</head>
<body onload="init()">
<div id="root">
<div id="divDebug"></div>
<div id="div2">div</div>
<span id="span1">span</span>
<a href="#" id="link1">link</a>
</div>
</body>
</html>本回答被提问者采纳
参考技术B getelment 你知道吗?

以上是关于js中鼠标移动事件触发时,如何获得当前鼠标在哪一个元素上的主要内容,如果未能解决你的问题,请参考以下文章

JS拖动滑块验证

如何在 Javascript 中移动子元素时触发一次鼠标事件?

JS事件

JS事件

js 鼠标移入触发事件。多次触发。

12 js事件