SVG 组 Mouseover/Mouseout 事件答案

【问题标题】：SVG group Mouseover/Mouseout eventSVG 组 Mouseover/Mouseout 事件
【发布时间】：2018-01-05 11:23:26
【问题描述】：

在我的 svg 文件中，我有一个最初很小的矩形。现在，当我将鼠标悬停在该矩形上时，它会增加矩形的大小并显示以前隐藏的文本，该文本实际上是一个链接。这两个元素都在一个组中。

现在我希望当鼠标离开整个组区域时，矩形才会调整为初始的小尺寸并且链接再次消失。

但是我的问题是，如果将光标移到链接上，则会为矩形触发 mouseout 事件，尽管理论上光标仍位于组上方。有什么办法可以防止这种情况发生吗？

【问题讨论】：

标签： events svg

【解决方案1】：

不错的功能。

我们在 Raphael 对象上的文本也遇到了同样的问题。在这里，我们通过有一个不可见的前层、一个中间文本层和一个彩色的后层来避免这个问题。如果您想查看结果，它可能会激发您的灵感。如果您认为可以冒险，Raphael 在 SVG 世界中的地位很高。

【讨论】：