Эмуляция Инспектора Элементов Webkit

Question

Я пытаюсь позволить пользователю выбрать элемент на странице с помощью мыши, как вы видите в инструментах разработчика Chrome. (да, я знаю, что это с открытым исходным кодом и уже JS)

Проблема возникает при попытке определить, когда мышь перемещается от родительского элемента к дочернему элементу. Как вы можете видеть прямо сейчас, я обхожу это, сбрасывая div element_hover, но это создает ужасный мигающий эффект.

Есть идеи, как мне эмулировать инспектор webkit с минимальным количеством кода?

http://jsfiddle.net/Atked/

Answer 1

Не скрывайте красный div, когда мышь находится над красным div.Временно скрыв красный div, пока вы решаете, какой элемент выделить, вы можете определить, какой элемент выделить, используя getElementFromPoint .

Answer 2

Вы можете попробовать что-то вроде этого: (не идеально, но лучше, чем у вас, и хотя бы начало) http://jsfiddle.net/Atked/1/