1

我将悬停事件绑定到拉斐尔圈。这一切都运作良好，正如预期的那样。

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

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

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

有没有办法解决这个问题？

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

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

1 回答 1

4

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

对你来说，这看起来像paper.node.setAttribute("pointer-events","none");

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

编辑对于 IE，解决方案更复杂。您要么必须使用像这样的 javascript，要么必须使用像这样的插件。我从这个 SO 帖子中得到了这个答案

于 2013-07-24T12:54:35.133 回答