SVG组Mouseover / Mouseout事件

时间:2011-11-23 11:12:25

标签: events svg

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

现在我想要当鼠标离开整个组区域时,只有矩形调整到初始的小尺寸并且链接再次消失的行为。

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

1 个答案:

答案 0 :(得分:0)

很棒的功能。

我们在Raphael对象上遇到了同样的问题。 在这里,我们通过拥有一个不可见的前层,一个中间文本层和一个彩色的后层来避免这个问题。 如果你想看看它可能会激发你的结果。 如果你认为你可以冒险去拉斐尔在SVG世界中表现出色......

http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2&q=button