使用Raphael设置指针事件：无

Question

我正在使用它：

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

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

感谢。

Answer 1

Raphael有一个可以分配给元素的属性白名单。由于VML不支持pointer-events: none，因此此属性不属于白名单。要解决这个问题，你可以做...

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

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

circle {
   pointer-events: none;
}

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