Javascript 鼠标悬停,鼠标悬停在窗口上不能正常工作

Javascript 鼠标悬停,鼠标悬停在窗口上不能正常工作,javascript,html,Javascript,Html,这个问题有点复杂和冗长 我有一个父窗口,弹出一个子窗口。它们有一些重叠区域。 在父窗口中,有一个div处理mouseover和mouseout事件。 当子窗口弹出时,它将覆盖父div的一部分 在下面的示例中,鼠标移动到div(mouseover工作),单击弹出子窗口。 现在将鼠标移动到子窗口。在这个时刻,我希望mouseout会跳伞,但不会。 我猜系统仍然认为鼠标在div内,甚至被子窗口覆盖 有没有办法度过这个难关?但这些要素的相对位置不应改变。谢谢您的建议。如果所有其他操作都失败,请将代码从d

这个问题有点复杂和冗长

我有一个父窗口,弹出一个子窗口。它们有一些重叠区域。 在父窗口中,有一个div处理mouseover和mouseout事件。 当子窗口弹出时,它将覆盖父div的一部分

在下面的示例中,鼠标移动到div(mouseover工作),单击弹出子窗口。 现在将鼠标移动到子窗口。在这个时刻,我希望mouseout会跳伞,但不会。 我猜系统仍然认为鼠标在div内,甚至被子窗口覆盖


有没有办法度过这个难关?但这些要素的相对位置不应改变。谢谢您的建议。

如果所有其他操作都失败,请将代码从div的mouseout事件移动到弹出窗口的mouseover事件。不过,首先,我要确保mouseout事件曾经触发过,例如当您移动到div边界之外时。

mouseout有效。我只想纠正我之前的观察:一旦鼠标从父窗口移动到子窗口,父窗口就不再接收鼠标。更新:这似乎与不同(可能更旧)版本的Firefox有关。停止播放事件。停止播放或
事件。停止播放
应该可以完成这项工作。这样,您将告诉事件处理程序不要在链接路径上传播到父元素,而只应用于子元素。这样,当您将鼠标移到子元素上时,事件不会在节点结构上浮动,而是停留在活动元素上。