在画布外单击时保持画布选择答案

【问题标题】：Keep canvas selection when a click is done outside of the canvas在画布外单击时保持画布选择
【发布时间】：2019-08-23 09:58:12
【问题描述】：

我有一个包含多个组件的网页（在 Vaadin 开发）。在中心，我有一个 draw2d 画布，其中包含我可以选择、拖放、删除等的项目。当我在画布中单击时，选择会更新，我想保持这种行为。

我需要的是防止画布外部的点击与选择进行交互。这样做的一种丑陋方式是跟踪当前选择，当通过不在画布中的单击取消选择它时，将其设置回其跟踪值。

我很想听听您对此的看法。

【问题讨论】：

您的点击监听器如何检测画布外的点击？ yourcanvas.addEventListener('click',(event)=>{/* some code */}); 不应该因为它之外的任何点击而触发。
@Gavin 实际上并不是任何点击监听器都能做到这一点。我认为画布本身会监听整个文档，而不仅仅是它本身。
请在您的问题中包含实际代码

【解决方案1】：

看起来画布位于其他组件的“顶部”。所以在我的情况下，输入z-indexes 以便component.z-index > canvas.z-index 解决问题。

【讨论】：