将鼠标悬停事件传递到下层，而具有菜单的叠加div元素保持可单击状态

Question

因此，我有一个画布，上面有鼠标悬停动画，并且上面有一个包含菜单的覆盖图。我想要实现的是即使将鼠标悬停在菜单上，也将鼠标悬停事件传递给画布。 现在我有部分工作了，

我目前已经部分解决了此问题，方法是在包含菜单的div中使用CSS属性pointer-events: none，在可单击列表菜单元素中使用auto，但是将鼠标悬停在菜单上时，下部画布不会将鼠标检测为它专注于在鼠标指针事件中设置为auto的菜单列表子项。

在将悬停事件传递到下部画布时，如何允许上面的菜单保持可单击状态？

Answer 1

使用JQuery可以说，如果将鼠标悬停在任一元素上，则可以执行“某些操作”：

$('.canvasClassName, .menuClassName').mouseover(function () { /*Canvas Action*/ });

其中canvas / menu ClassName将是对象的类。 （使用id等其他属性也可以使用＃而不是句点）

如果将鼠标悬停在画布或菜单上，同时保持菜单的可用性，则悬停效果将起作用。