我对javascript和前端世界还很陌生，如果有人可以帮助我弄清楚如何将鼠标事件发送到SVG元素下方的元素，我将不胜感激。
这是reproducible snippet。
基本上，我想要实现的是，如果鼠标滚轮在圆圈上滚动，它还应该调用其下方div元素的鼠标滚轮回调。
当前，它仅在鼠标在div元素上滚动时调用。
我进行了很多搜索，但找不到类似的内容（事件冒泡/捕获）。
他们说过，大多数地方都使用“ pointer-events:none”来禁用svg上的事件，但我不希望这样做。
可能与d3无关，但出于完整性考虑，我还是添加了
答案 0 :(得分：0)
好吧，如果您使用的是D3，并且由于某种原因不想在SVG上使用pointer-events:none，则可以在事件中为SVG元素使用d3.select("#your-div-id")。然后，要么将其传递给用于处理div鼠标事件的其他函数，要么直接在SVG回调自身中进行操作。
如果您尝试像示例中那样使缩放正常工作，建议您检查一下类似geometric zooming example的内容，或者查看许多其他示例之一，以更好地了解可用方法。