javascript - 如何在鼠标点击时突出显示 HTML 元素？

Question

是否可以在 JavaScript 中编写代码来突出显示鼠标指针所在(或单击)的 HTML 元素的边框，类似于 Firebug可以，但不使用浏览器扩展而是单独依赖 JavaScript？

如果是的话，鼠标点击元素后是否可以从HTML代码中获取相关元素？

[编辑]感谢您的回答!是否可以在不使用 GreaseMonkey 之类的情况下在外部页面(而不是在我创建的页面上)运行这些示例？

Answer 1

这是一个简单的例子。您应该能够以此为基础:

document.onclick = function(e) {
    var event = e || window.event;

    // this is the element you want:
    var target = e.target || e.srcElement;
}

这种方法可能更受欢迎:

var hilightElement = function(e) {
    var event = e || window.event;

    // this is the element you want:
    var target = e.target || e.srcElement;
};

if (document.addEventListener){
    document.addEventListener('click', hilightElement, false);
} else if (document.attachEvent){
    document.attachEvent('onclick', hilightElement);
}