重叠的活动区域

Question

我在画布内有一个方形组件，单击该组件时会显示发光效果-指示选择-单击其他位置时此效果已删除-指示取消选择 问题是画布总是调度“取消选择”事件，即使鼠标在正方形上也是如此。 我通过定义一个环境函数来解决这个问题，该函数从父级的“可点击”区域中删除子级的宽度、高度。

有没有更好的方法来告诉画布只有在没有孩子的情况下才调度他的事件？

Explanatory image

Answer 1

没有任何代码很难说，但我的猜测是，您应该停止在方形组件的侦听器中传播 click 事件：event.stopPropagation();
这样，舞台将不会收到广场上的点击通知，也可能不会发送您的“取消选择”事件。