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

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

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

编辑:::::

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

最佳答案 (受欢迎的需求……)

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

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

点赞