d3 SVG行元素不触发onclick事件

d3 SVG Line elements not firing onclick event

本文关键字:onclick 事件 SVG 元素 d3      更新时间:2023-09-26

我尝试过使用edges.on('click',function(){console.log('line click');})触发点击事件。但这根本不是工作。即使我使用jquery来做onclick事件,它仍然不工作。所有的方法都不起作用,我的代码发生了什么?非常感谢。

onclick事件的原始javascript样式:

https://jsfiddle.net/q21c186r/4/

onclick事件的Jquery样式:https://jsfiddle.net/q21c186r/3/

D3样式做onclick事件:

https://jsfiddle.net/q21c186r/5/

Remove this:

.style("pointer-events", "none")

如果指针事件使用none:

元素永远不是鼠标事件的目标;

查看文档:https://developer.mozilla.org/en/docs/Web/CSS/pointer-events