Javascript Jquery鼠标悬停事件-子项不可见

我正在编写一段代码，模仿大多数浏览器的F12检查工具。将鼠标悬停在某个元素上时，div会附加一个半透明的蓝色，表示它已被选中：

我遇到的问题是，当将光标移动到“已检查”元素的子元素上时，子元素实际上不会被悬停：

悬停前：

悬停后：

这是我的代码（）：

$（'body*'）。在（'mouseover'，函数（e）上{
if（$（e.target）.最近（'.inspect_hover'）。长度==0）{
$（''）。附录（如目标公司）；
}
}).on（'mouseout'，函数（e）{
变量鼠标=[e.pageX，e.pageY]；
var min=[$（e.target.offset（）.left，$（e.target.offset（）.top]；
var max=[（$（e.target）.offset（）.left+$（e.target）.width（）），（$（e.target）.offset（）.top+$（e.target）.height（））]；
如果（！（鼠标[0]>=min[0]&鼠标[0]=min[1]&鼠标[1]使用
prependTo
而不是
appendTo


$（'body*'）。在（'mouseover'，函数（e）上{
if（$（e.target）.最近（'.inspect_hover'）。长度==0）{
$（''）.prependTo（e.target）；
}
}).on（'mouseout'，函数（e）{
变量鼠标=[e.pageX，e.pageY]；
var min=[$（e.target.offset（）.left，$（e.target.offset（）.top]；
var max=[（$（e.target）.offset（）.left+$（e.target）.width（）），（$（e.target）.offset（）.top+$（e.target）.height（））]；
如果（！（mouse[0]>=min[0]&&mouse[0]=min[1]&&mouse[1]您希望在inspect期间html是html:PYes，那么在append-to行中的html就是inspect-color元素。为什么不直接粘贴它并删除jsOk，假设我已经完成了。我会使用JS'addClass（）'使鼠标悬停触发时检查可见。子-父悬停关系的问题仍然存在。这就是这个问题的内容。