将鼠标悬停在另一个元素下方的元素上

Question

我正在创建一个篮球拍摄图表可视化，它支持区域刷牙（参见灰色框）以及单个点交互（通过悬停在某些点上）。我正在使用d3.js来实现这一目标。但是，画笔画布元素位于六边形元素上方，因此我无法与背后的元素进行交互，尽管它们是可见的。

我想知道是否有可能在六边形上有鼠标悬停事件，尽管它们在后台。请记住，所有单击和拖动事件都适用于顶级画布元素。

感谢您的帮助。

编辑：澄清一下，使顶层对点击不可见是行不通的，因为我仍需要点击并拖动事件以在画布画布上注册。我只需要六边形的鼠标悬停选项，位于下方。