jQuery - 即使另一个元素位于顶部，也会触发鼠标事件

Question

我在背景元素上设置了一个jQuery mouseup事件，蓝色带有虚线（这是背景图片，而不是元素）。只有在其他元素之一未放置在顶部时才会触发。我可以在代码中传递事件，但这似乎引起了混乱。有没有办法让蓝色元素接收mouseup事件，即使另一个元素位于顶部？

此外，目前，红色，蓝色和黑色覆盖元素不是蓝色背景元素的子元素，但如果需要，它们可以是。

编辑:::::

重构html以将元素嵌套到父子关系中。

Answer 1

（受欢迎的需求......）

我首先制作蓝色背景的红色，蓝色和黑色叠加元素。

事件通过DOM层次结构向上传播，从子节点传递到父节点直到它们到达文档 - 这意味着它们不一定会在元素显示在屏幕上时向上传播。如果您将蓝色背景的红色，蓝色和黑色元素制作为子项，则这些子项上的任何事件都将传递到背景中。