时间戳

首页 > 解决方案 > 鼠标事件如何在 chrome 中工作？(d3-V4)

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

问题描述


我刚刚在 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。

标签： javascriptd3.js

解决方案

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

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

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

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

推荐阅读