鼠标事件如何在 chrome 中工作？ (d3-V4)

Question

我刚刚在 Chrome 中测试了我使用 Edge-browser 开发的网站。
在那里，一些鼠标事件没有被触发。
是否有可能，鼠标悬停、鼠标按下等不能在 Chrome 中以这种方式工作？

for (var i = 0; i < graphics.length; i++) {
    var graphic = graphics[i];
    const graph = svgEditor.append("g")
        .attr("id", graphic.Id.toString())
        .attr("pointer-events", "fill")
        .on("mousedown", mousedownGraphic)   
        .on("mouseup", mouseupGraphic)
        .on("mouseover", mouseoverGraphic)
        .on("mouseout", mouseoutGraphic)
        .call(d3.drag()
            .on("start", dragGraphicStart)
            .on("drag", dragGraphic)
            .on("end", dragGraphicStop));
    graph.html(graphic.SvgString).on("mouseover", mouseoverGraphic);
    //moseover, mouseout
}

这就是我创建我的 svg-graphic 的方式，它适用于 Edge。

Answer 1

所以各位，
我想我有解决这种行为的方法。

在 svg-lines 上，Chrome 似乎有问题

.attr("pointer-events", "fill")

所以我必须 select 无论我只有一条线还是其他更复杂的东西。
感谢收看：）