mouseover，mouseout在窗口中不能很好地工作

我有一个父窗口，弹出一个子窗口。它们有一些重叠的区域。在父窗口中，有一个处理鼠标悬停和鼠标悬停事件的div。当子窗口弹出时，它会覆盖父div的一部分。

在下面，鼠标移动到div（鼠标悬停工程），点击弹出的子窗口。现在将鼠标移动到子窗口。在这一刻，我希望鼠标移动到div，但不是。我猜系统仍然认为鼠标在div内，即使被子窗口覆盖也是如此。

有什么办法可以解决这个问题吗？但这些元素的相对位置不应改变。感谢您的建议。

2012-08-22 user180574

'event.stopPropagation'或'event.stopImediatePropagation'应该完成这项工作。这样您将告诉事件处理程序不会在链接路线上传播到父元素，只适用于子元素。这种方式当你将鼠标移动到子元素上时，事件不会在节点结构上浮动，但会停留在活动元素上。 –

如果一切都失败，则将代码从div的mouseout事件移动到弹出窗口的mouseover事件。不过，首先我要确保鼠标悬停事件发生，例如当你移动div的边界之外。

2012-08-22 05:14:51

鼠标工作。我只是想纠正我以前的观察：一旦鼠标从父窗口移动到子窗口，父窗口不再接收鼠标输出。 – user180574

更新：这似乎与Firefox的不同版本（可能是旧版本）有关。 – user180574

回答