如何验证单击的元素是 GoJS 图片部分而不是重叠元素？

debugcn 发表于 Dev

伊舍伍德

当显示详细信息侧面板时，我试图在我的 GoJS 图表上实现一个掩码。这需要停止将点击事件传播到下面的图表部分。如何验证事件目标是图片部分而不是覆盖它的遮罩元素？

我试过使用pointer-eventsCSS 属性，但这不起作用。

简化标记：

<div id="diagramWrapper"></div>
<div id="sidebar-mask"></div>

脚本片段：

buildGo(go.Picture, {
    source: 'images/icons/simplify-icon.png',
    ...,
    click: function (e, node) {
        if (e.diagram === node.part) { <-- this, right here, isn't right
            let nodesToRemove = getLinkedNodes(e, node.part.data.key);
            removeNodes(nodesToRemove);
        }
    }
})

我还没有弄清楚 GoJS 使用的两个字母的对象属性，这使我无法轻松找到正确的属性。对此的任何见解都会有很大帮助。

沃尔特·诺斯伍兹

我建议您在显示模式对话框时将Diagram.isEnabled设置为 false。当模态 UI 由于任何原因消失时，请务必将其设置回 true。更多可能性在https://gojs.net/latest/intro/permissions.html列出。

如https://gojs.net/latest/intro/index.html#DevelopingYourDiagram 中所述，您应该只在代码中使用记录的 API 名称——而不是缩小的两个字符名称，它们会随着每次构建而改变。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。