js 鼠标移动事件获取 id

最新推荐文章于 2024-01-25 19:59:06 发布

转载最新推荐文章于 2024-01-25 19:59:06 发布 · 3.7k 阅读

Javascript 专栏收录该内容

4 篇文章

订阅专栏

来源：http://zhidao.baidu.com/question/177636162.html

首先，获取到事件对象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>

ps：如果需要获取父节点，使用parentNode.id