OnMouseOver DIV麻烦

时间:2011-09-22 05:20:59

标签: javascript events html nested mouseover

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

然而,当鼠标悬停在div内的图像或文本时,会导致mouseout事件被触发。我调查了事件冒泡但似乎并没有发生什么。有没有办法使用鼠标悬停事件关闭mouseout事件到div内部的对象?

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

您可以这样做,而不是使用鼠标输出:

  1. 当通过用空白div覆盖页面来阻止UI时,观察wrapper-div的鼠标悬停事件
  2. 当mouseover在wrapper-div上触发时开始观察空白div的mouseover-event
  3. 当鼠标悬停在空白div上触发时,重置页面(删除空白div)
  4. 方法应该是明确的,如果鼠标位于空白div上,则它必须位于wrapper-div之外。