小编use*_*929的帖子

d3.on("mouseover")事件不适用于嵌套的SVG元素

我有一组嵌套的元素(SVG).根元素是图形,子元素是图形中的元素(线,轴等).简化示例:

<g transform="translate(80,10)" id="mainGraph">
    <g class="Line">
        <path d="....."></path>
    </g>
</g>
Run Code Online (Sandbox Code Playgroud)

我的问题是,如果我将mouseover/mousemove事件(例如D3.on("mouseover")绑定到mainGraph元素,它只会在我将鼠标移动到其中一个子元素上时触发.

我读到的其中一件事是后续元素的优先级,所以我将.style("指针事件","无")添加到所有子元素,但这不起作用.

javascript mouse events svg d3.js

8
推荐指数
2
解决办法
1万
查看次数

标签 统计

d3.js ×1

events ×1

javascript ×1

mouse ×1

svg ×1