在 Raphael 元素中未检测到单击事件

Question

我在 Raphael Js 中创建了一些形状并尝试将点击事件绑定到那些 shapes.But，点击仅在 shape.below 的 border/path 行被检测到是一个代码段平方 = paper.rect(200, 200, 50, 50);

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

无法识别 cause.Please 帮助

Answer 1

您需要一个更完整的示例来显示页面上 HTML 的其余部分：发生这种情况通常是重叠问题。有一个 DOM 元素与 Raphael canvas 共享 space 并且可能会拦截点击事件。

Answer 2

如果您希望能够点击某个元素中的 'space'，您需要对其进行填充。

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

请注意，如果您希望背景在填充后仍然显示，您可以将其不透明度设置为 0.0001 或类似值，这样您就可以仍然单击它。

在 Raphael 元素中未检测到单击事件

Click Event Not detected inside a Raphael Element

raphael