Question

我将悬停事件绑定到Raphael圈子。这一切都运作良好并且符合预期。

当使用raphael在圆圈上“绘制”文本字符串时，文本字符“窃取”悬停并且圆圈悬停退出。当退出文本字符时，进入圆圈，将恢复悬停。

该文本显然是一个新的，不同的对象。我可以完全禁用此文本对象的悬停事件吗？

我无法在圆圈后面绘制文字，因为圆圈的颜色为纯色。
我没有专门将任何悬停事件绑定到文本对象

有办法解决这个问题吗？

var paper = Raphael("myMap", 721, 1017);
paper.clear();

newcircle.attr({ fill: "#727272", "cursor": "pointer", stroke: "#A4A2A2"});
paper.text(x, y, "X");

Answer 1

尝试为对象添加pointer-events:none;。

对于看起来像paper.node.setAttribute("pointer-events","none");

的人

来自评论：实际修正：paper.text(x, y, "?").node.setAttribute("pointer-events", "none");

编辑对于IE，解决方案更复杂。您必须使用javascript like this或插件like this one。我从this SO post

得到了这个答案

jquery完全忽略了Raphael对象上的文本的悬停事件

1 个答案: