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

Question

我使用 HTML div 元素作为 canvas 的工具提示，即 div 应像鼠标一样跟随鼠标的运动指针在 canvas 元素上移动。

这几乎有效。工具顶部位于鼠标指针的东南方向，当指针向东南方向移动时，指针可能会移动到 div 元素上，从而不再有鼠标移动事件正在到达 Canvas 。仅当鼠标进一步移动到 div 之外时，此问题才会解决，这会使 div 以丑陋的方式跳转以调整到该位置。

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

通常的冒泡不起作用，因为 canvas 无法容纳子元素；至少当我将子项添加到 canvas 时，它们不会显示。

没有使用/可用的外部模块，例如 jQuery 或任何其他模块。

Answer 1

您应该能够使用pointer-events: none;在 div 上。