仿真進WebKit的元素督察

Question

我試圖讓用戶使用他們的鼠標，就像你在Chrome的開發工具看到在頁面上選擇一個元素。 （是的，我知道它是開源的，並且已經爵士）

試圖檢測時，問題源於父元素的鼠標移動到一個子元素時。正如你現在可以看到的，我通過重置element_hover div來解決這個問題，但是這會產生可怕的閃爍效果。

任何想法，我怎麼可以模擬WebKit的檢查與代碼最低限度量？

http://jsfiddle.net/Atked/

Answer 1

，而鼠標在紅格不要隱藏紅格。在確定要突出顯示的元素時，暫時隱藏紅色div，可以使用getElementFromPoint找出要突出顯示的元素。

Answer 2

你可以試試這樣：（不完美，但比你所擁有的更好，至少有一個開始）http://jsfiddle.net/Atked/1/