拖动 svg 时无法捕获鼠标悬停事件

Question

我需要的是在我拖动箭头时突出显示一个圆圈。 拖动时，这是圆圈的颜色： circles now

我需要的是这样的stg： Target Node highlighted

我尝试在圆圈上使用 d3js 鼠标悬停事件，但在拖动时没有被触发，并且还尝试在圆圈上使用 css 规则 (:hover)结果相同。

有什么想法吗？

谢谢

Answer 1

看看这个： https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pointer-events

如果您将拖动到none 的元素的pointer-events 参数设置为，那么您将鼠标悬停到的其他元素将触发鼠标悬停事件。

当你完成拖拽后，将参数设置为auto。