使用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解决方案