OnMouseOver DIV 问题

Question

好的，我的基本问题如下。我有一个图像导致页面上的所有其他内容使用带有 z-index 的空白 div 禁用。这是在图像的鼠标悬停事件期间。接下来，代码将设置我希望能够单击或鼠标悬停的 div 上的 z-index。此外，我将这些图像包装在一个用于 mouseout 事件的 div 中，以隐藏我不想显示的图像。

但是，当鼠标悬停在 div 内的图像或文本上时，它会触发 mouseout 事件。我已经研究了事件冒泡，但它似乎并不是正在发生的事情。有没有办法通过 mouseover 事件关闭 mouseout 事件到 div 内的对象？

长话短说，我需要在嵌套项目上不触发 mouseout 事件。

提前致谢。

Answer 1

你可以这样做，而不是使用 mouseout：

1. 当通过用空白 div 覆盖页面来阻止 UI 时，观察 wrapper-div 的 mouseover-event
2. 当鼠标悬停在 wrapper-div 上触发时，开始观察空白 div 的鼠标悬停事件
3. 当鼠标悬停在空白 div 上触发时，重置页面（删除空白 div）

方法应该很清楚，如果鼠标在空白 div 上，它必须在 wrapper-div 之外。