找出svg中路径中放置的文本元素

时间:2013-01-28 07:06:04

标签: javascript svg

我的应用中有一些交互式地图。我为每个svg路径附加了mouseover和mouseout处理程序。现在我需要在每个svg路径上放置文本以标识该部分。

所有效果都正常工作但是当用户将鼠标悬停在路径上的文本时,鼠标悬停处理程序不会触发。

为了解决这个问题,我需要找到svg路径的文本,所以我可以使用与路径本身相同的处理程序。

这是我对这个问题的解决方案,也欢迎任何其他建议。

1 个答案:

答案 0 :(得分:1)

如果我理解正确,您不希望文本干扰鼠标悬停和鼠标输出处理程序。尝试将style="pointer-events:none;"添加到文本对象。像这样:

<text style="pointer-events:none;">Some Text</text>