javascript - 如何有选择地将鼠标事件传递给基础的SVG元素

我有一个带有画笔层的散点图，用于放大数据，而voronois用于鼠标悬停捕捉，但是问题是voronoi路径不允许click事件落入画笔层，或者如果将画笔保持在顶部则不允许悬停事件落入voronoi层

笔刷层需要单击事件

Voronoi层需要悬停事件

我应该如何进行安装，最好仅使用CSS解决方案

保持画笔层在顶部：



保持voronoi层在顶部：

最佳答案

我是在voronoi悬停时将画笔保持在底部的，但是边缘周围闪烁

$("#visualization-main-container > svg > g.voronoiWrapper > path.voronoi-poly").css("pointer-events", "all");

setTimeout(function() {
    $("#visualization-main-container > svg > g.voronoiWrapper > path.voronoi-poly.voronoi-movie-id-" + d.id).css("pointer-events", "none");
}, 10);

编辑：

最后，我最终使用热键“ CTRL”在voronoi图层上按下时临时禁用了鼠标事件，这在缩放过程中增加了一个额外的步骤，但是更加平滑。

关于javascript - 如何有选择地将鼠标事件传递给基础的SVG元素，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/33580911/