重叠事件区域

Question

我在画布中有一个方形组件，当点击时显示一个发光效果 - 指示选择 - 当点击其他地方时，这个效果被删除 - 表示取消选择 问题是画布总是调度“取消选择”事件，即使鼠标超过正方形。 我通过定义一个间接功能来解决这个问题，这个功能可以从父母的“可点击”区域移除孩子的宽度和高度。

是否有更好的方法告诉画布仅在没有孩子的情况下派遣他的事件？

Explanatory image

Answer 1

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