当鼠标也触摸另一个元素时,不会触发d3.js鼠标悬停事件

时间:2015-03-19 18:02:52

标签: javascript events d3.js

我有一个圆圈图,每个可点击点都有圆圈。

我遇到的问题是,当我超过一个圆圈并来自空白区域时,鼠标悬停非常有效。但是,如果我的鼠标来自触摸评估线,当鼠标到达圆圈时,鼠标悬停不会被触发。

我的代码中没有为valuelines定义鼠标悬停,仅适用于圆圈。

如果鼠标已经触摸另一个元素,可能d3不会触发新的鼠标悬停事件。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

感谢您的意见和建议。

最后,我解决了这个问题。线条重叠圆圈。

我的DOM是:

<g class="circles">
 ...
</g>
<g class="lines">
 ...
</g>

线条已经过了一圈。

更改为:

<g class="lines">
 ...
</g>
<g class="circles">
 ...
</g>

现在底部的元素组&#34;圆圈&#34;已结束&#34;线&#34;基。