Javascript 未为所有div触发悬停事件

我试图创建一个有背景和内容div的页面，一个重叠另一个。具有“content”类的div接收悬停事件，而具有“background”类的div不接收任何内容。我没有以任何方式积极破坏js中的事件

.container{
身高：100%；
宽度：100%；
不透明度：1；
}
.背景{
身高：100%；
宽度：100%；
位置：绝对位置；
}
.内容{
身高：100%；
宽度：100%；
位置：绝对位置；
}

---

浏览器事件通过一个称为“冒泡”的过程工作-它们从最特定的标记开始，然后沿着树向上（从子级到父级再到父级，等等），直到到达根标记（通常）

在您的例子中，mouseover和mouseout事件会在“content”div内触发并冒泡，但就DOM树而言，它们不包含在“background”div内，即使它们在视觉上包含在中（内容矩形被绘制为背景矩形的“内部”）

在本例中，“content”div出现在“background”div之后，因此它呈现为“top”并获取所有事件，而“background”则不获取任何事件。如果希望后台也能获取事件，请将“content”div放在“background”div中

---

有关事件冒泡的更多信息，请参见此处：

浏览器事件通过一个称为“冒泡”的过程工作-它们从最特定的标记开始，然后沿着树向上（从子级到父级再到父级等），直到到达根标记（通常）

在您的例子中，mouseover和mouseout事件会在“content”div内触发并冒泡，但就DOM树而言，它们不包含在“background”div内，即使它们在视觉上包含在中（内容矩形被绘制为背景矩形的“内部”）

在本例中，“content”div出现在“background”div之后，因此它呈现为“top”并获取所有事件，而“background”则不获取任何事件。如果希望后台也能获取事件，请将“content”div放在“background”div中

---

更多关于事件冒泡的信息：

你能展示你的JS吗？呵呵，谢谢，修复了，我关注这个问题的时间比我理想的WizardCoder要长，JS文件中有3个空函数可以简单地打印出来。通过删除带有“content”类的div，后台div接收事件，你能显示你的JS吗？嘿，是的，谢谢，修复了，我一直在关注这个问题，时间比我理想的WizardCoder要长，JS文件中有3个空函数，可以简单地打印内容。通过删除类为“content”的div，后台div将接收事件，换句话说，它们是同级，意味着最后一个同级将优先。问题是，他们需要（？）成为兄弟姐妹，因为我希望一个兄弟姐妹可以覆盖其他的孩子可以覆盖父母-只需让“内容”div完全填充背景。换句话说，他们是兄弟姐妹意味着最后一个兄弟姐妹将优先。问题是，他们需要（？）成为兄弟姐妹，因为我希望其中一个可以覆盖其他孩子，也可以覆盖父母——只需让“内容”div完全填充背景。