模拟Webkit的元素检查器

Question

我正在尝试让用户使用鼠标选择页面上的元素，就像您在chrome的开发工具中看到的那样。(是的，我知道它是开源的，而且已经是js了)

当尝试检测鼠标何时从父元素移动到子元素时，就会出现问题。正如你现在看到的，我可以通过重置element_hover目录来解决这个问题，但是这会产生一个可怕的闪烁效果。

你知道我如何用最少的代码来模拟webkit的检查器吗？

http://jsfiddle.net/Atked/

Answer 1

当鼠标在红色的div上时，不要隐藏红色的div。暂时隐藏红色div当您确定要突出显示哪个元素时，您可以使用getElementFromPoint确定要突出显示哪个元素。

Answer 2

您可以尝试如下所示：(不完美，但比您已有的更好，至少是一个开始) http://jsfiddle.net/Atked/1/