当鼠标也在触摸另一个元素时，d3.js鼠标悬停事件未被触发

d3.js mouseover event not triggered when mouse is touching another element too

本文关键字：鼠标事件悬停 js d3 触摸另一个元素更新时间：2023-09-26

我有一个折线图，每个可点击点都有圆圈。

我遇到的问题是，当我在一个圆圈上并且来自空白区域时，鼠标悬停效果非常好。但如果我的鼠标是从触摸值线来的，当鼠标到达一个圆圈时，鼠标悬停不会被触发。

在我的代码中，没有为值行定义鼠标悬停，只为圆定义鼠标悬停。

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

我该如何解决这个问题？

感谢您的想法和建议。

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

我的DOM是：

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

线条在圆圈上。

更改为：

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

现在，底部元素组"圆"位于"线"组之上。