Javascript 将鼠标悬停事件传递到下层，同时覆盖具有菜单的div元素保持可单击状态

所以我有一个画布，上面有鼠标悬停动画，上面有一个包含菜单的覆盖图。我想要实现的是，即使我在菜单上悬停，也要将鼠标悬停事件传递到画布上。 现在我让它部分工作

目前，我通过在包含菜单的div中使用CSS属性

指针事件：none

，在可单击列表菜单元素中使用auto，部分解决了这个问题，下画布没有检测到鼠标，因为它的焦点在菜单列表子项上，该子项在鼠标指针事件中设置为自动

---

在将悬停事件传递到下方画布时，如何使上述菜单保持可点击状态？

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

$（'.canvasClassName、.menuClassName'）.mouseover（函数（）{/*Canvas Action*/}）

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

如果您将鼠标悬停在画布或菜单上，同时保持菜单的可用性，则悬停效果将起作用。
将带有“背景色：透明”的画布放在菜单顶部会起作用，还是会干扰菜单单击？会干扰菜单单击。菜单必须位于顶层才能监听指针事件。您当前是否通过javascript或css:hover检测到鼠标悬停？我在画布渲染脚本中使用js处理鼠标事件这个问题对我来说似乎很简单，但不知道如何解决。我只需要将鼠标悬停传递到画布层，同时保持菜单的可点击性。现在，在菜单部分，画布没有检测到鼠标事件。rest它与指针事件一起工作：无；解决方案