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

Question

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

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

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

通常冒泡是行不通的，因为 acanvas不能容纳孩子；至少当我将孩子添加到 a 时，canvas它们不会显示。

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

Answer 1

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