鼠標事件如何在 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 無論我只有一條線還是其他更復雜的東西。
感謝收看：）