svg - 使用 Raphael 设置指针事件：无

Question

我正在使用这个：

circle.attr({
    fill:'#FFFFFF',
    'stroke-width':0,
    opacity:0,
    'pointer-events':'none'
});

问题是鼠标事件仍然被捕获，并且在 DOM 检查器中该属性没有显示。

谢谢。

Answer 1

Raphael 有一个可以分配给元素的属性白名单。由于pointer-events: noneVML 不支持此属性，因此该属性不在白名单中。要解决此问题，您可以执行...

circle.node.setAttribute("pointer-events", "none");

或者，如果所有圆圈都是不可点击的，您可以在 CSS 样式表中包含：

circle {
   pointer-events: none;
}

但是，这些都不适用于任何 IE8 或更低版本的浏览器。如果您需要旧的 IE 支持，请查看此答案：pointer-events: none VML raphael solution