鼠标事件在 chrome 中如何工作?(d3-v4)

Question

我刚刚在Chrome中测试了我的网站，这是我用Edge浏览器开发的。
在那里，某些鼠标事件不会被触发。
是否有可能，鼠标悬停，鼠标按下等在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 图形的方式，它与 Edge 配合得很好。

Answer 1

所以伙计们，
我想我有解决这种行为的方法。

在svg行上，Chrome似乎有一个问题

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

所以我必须选择我只有一条线或其他更复杂的东西。
感谢您观看:)