将 JavaScript 鼠标事件从一个元素传播到另一个元素？

Question

我正在使用 HTML div 元素作为 canvas 的工具提示，即当鼠标指针在 canvas 元素上移动时，div 将跟随鼠标的动作。

这行得通——几乎。工具顶部在鼠标指针的东南方向，当指针向东南方向移动时，指针可能会移动到 div 元素上，因此不再有鼠标移动事件到达 canvas .只有当鼠标进一步移动到div 之外时才会解决此问题，这会使div 以一种丑陋的方式跳跃以调整到该位置。

如何避免这些跳转并实现div 对鼠标“透明”？

通常的冒泡不起作用，因为canvas 不能容纳孩子；至少当我将孩子添加到 canvas 时，它们不会显示出来。

没有像 jQuery 这样的外部模块或任何使用/可用的模块。

Answer 1

您应该可以在 div 上使用pointer-events: none;。