所以我有一个 Canvas ，上面有鼠标悬停动画，上面有一个包含菜单的叠加层。我想要实现的是将鼠标悬停事件传递到 Canvas ，即使我悬停在菜单上也是如此。 现在我让它部分工作，
我目前已经部分解决了这个问题，方法是在包含菜单的 div 中使用 CSS 属性 pointer-events: none，在可点击列表菜单元素中使用 auto 但是当鼠标悬停在菜单上时，下部 Canvas 未检测到鼠标，因为它关注在鼠标指针事件中设置为自动的菜单列表子项。
如何让上面的菜单在将悬停事件传递到下方 Canvas 时保持可点击状态？
最佳答案
使用 JQuery 你可以说如果你将鼠标悬停在任一元素上然后做“某事”:
$('.canvasClassName, .menuClassName').mouseover(function () {/*Canvas Action*/});
其中 canvas/menu ClassName 是对象的一个类。 (使用 # 而不是句点也可以使用 id 等其他属性)
如果您将鼠标悬停在 Canvas 或菜单上，同时保持菜单的可用性，悬停效果将起作用。
关于javascript - 将鼠标悬停事件传递到下层，同时覆盖具有菜单的 div 元素保持可点击，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56934451/