模拟Webkit的元素检查器

Question

我试图让用户使用鼠标在页面上选择一个元素，就像你在chrome的开发工具中看到的那样。 （是的，我知道它是开源的，已经是js）

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

任何想法如何用最少量的代码模仿webkit的检查器？

http://jsfiddle.net/Atked/

Answer 1

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

Answer 2

你可以尝试这样的事情:(不完美，但比你拥有的更好，至少从一开始）http://jsfiddle.net/Atked/1/