d3.js onmousehover答案

【问题标题】：d3.js onmousehoverd3.js onmousehover
【发布时间】：2016-05-15 02:00:58
【问题描述】：

我使用d3.js 编写了这段代码。

这是我的问题：

当您将鼠标悬停在矩形上时，会出现弹出工具提示，但当指针悬停在矩形内的文本上时不会出现。

我希望在鼠标悬停在文本以及形状的其他部分上时显示工具提示。这如何实现？

这是我的矩形代码：

cartridgeRectangles.push({"x_axis":startx+2, "y_axis":90+textbeginy, "width":35,       "height":15, "color":discovery_status_color, "stroke":"#33CC33", "thickness":1, "mover":chassisDetails , "movercolor":"darkgreen", "mout":"True", "moutcolor":"#33CC33" });

【问题讨论】：

考虑在新帖子中询问有关 gif 图像的问题。问候，

标签： javascript html css svg d3.js

【解决方案1】：

问题是文本正在捕获鼠标。这可以通过删除 css 中文本的指针事件来避免：

// This will apply to all text elements, consider using a class
text {
  pointer-events: none;
}

指针事件中的更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events

【讨论】：

谢谢，您解决了我的一个问题，但您也可以帮助解决图像问题吗？
那是一篇文章中有多个问题的问题。请编辑此帖子并为图像问题创建一个新帖子。如果可以的话，我很乐意提供帮助。