单击Raphael元素内未检测到的事件

Question

我在Raphael Js中创建了一些形状，并尝试将click事件绑定到那些形状。但是，仅在该形状的边界/路径线处检测到单击。下面是代码的一部分 square = paper.rect（200,200,50,50）;

            // square.click(function() {
            //     console.log('clicked');
            // })
            $(square.node).click(function (evt) {
                console.log('clicked');
            });

无法辨别原因。请帮助

Answer 1

您需要一个更完整的示例来显示页面上的其余HTML：当发生这种情况时，通常会出现重叠问题。有一个DOM元素与Raphael画布共享空间，可能会拦截点击事件。

Answer 2

如果您希望能够点击元素中的“空格”，则需要填充它。

el.attr({ fill: 'red', opacity: 0.1 });

请注意，如果您希望背景显示仍然显示甚至是填充，您可以使用不透明度0.0001或类似设置它，您仍然可以点击它。