d3 SVG线元素未触发onclick事件

Question

我尝试使用edges.on('click',function(){console.log('line click');})触发click事件。 但这根本没有用。 即使我使用jquery来执行onclick事件，它仍然无法正常工作。 所有方法都不起作用，我的代码会发生什么？ 非常感谢你。

执行onclick事件的原始JavaScript样式：

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

jQuery样式做onclick事件：

https://jsfiddle.net/q21c186r/3/

D3样式做onclick事件：

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

Answer 1

删除此：

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

如果不使用none指针事件：

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

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