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

时间:2015-10-08 18:02:21

标签: d3.js svg mouseover drag highlighting

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

我需要的是这样的: Target Node highlighted

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

有什么想法吗?

由于

1 个答案:

答案 0 :(得分:1)

检查一下: https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/pointer-events

如果您将元素的pointer-events参数设置为拖动到none,则将鼠标悬停在其上的其他元素将触发mouseover事件。

完成拖动后,将参数设置为auto