javascript - 鼠标悬停时获取任何标签的ID

有谁知道鼠标悬停时如何获取任何元素的ID？

我想在鼠标悬停的元素(标签)上显示一个div(框)。
我无法修改标签以包含Mousover事件。我希望全局回调或类似的东西在鼠标指针下具有标签的ID。

谢谢 !

最佳答案

您的意思是您想要onmouseover事件的target，因此您可以访问元素的属性:

<script>
document.onmouseover = function(e) {
    console.log(e.target.id);
}
</script>

查看Event Properties以跨浏览器的方式获取目标(以下示例来自上述网站):

function doSomething(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
}

因此，将它们放在一起:

document.onmouseover = function(e) {
    var targ;
    if (!e) var e = window.event;
    if (e.target) targ = e.target;
    else if (e.srcElement) targ = e.srcElement;
    if (targ.nodeType == 3) // defeat Safari bug
        targ = targ.parentNode;
    console.log(targ.id);
}

关于javascript - 鼠标悬停时获取任何标签的ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/2706701/