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

Question

我在蓝色虚线背景元素上设置了一个 jQuery mouseup 事件(这是背景图像，而不是元素)。仅当其他元素之一未放置在顶部时才会触发。我可以用代码转发该事件，但这似乎会引起困惑。有没有办法让蓝色元素接收 mouseup 事件，即使另一个元素位于顶部？

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

编辑:::::

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

Answer 1

(应大众要求...)

我首先将红色、蓝色和黑色叠加元素作为蓝色背景的子元素。

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