javascript - d3 SVG Line 元素不触发 onclick 事件

Question

我尝试使用 edges.on('click',function(){console.log('line 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:

The element is never the target of mouse events;

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