Flex – 单击封闭组件时,避免在容器上单击事件

我遇到的问题是,因为按钮位于Canvas中,只要用户单击Button,就会在Button和Canvas上触发click事件.如果用户点击另一个组件覆盖的区域,有没有办法避免在Canvas对象上触发click事件？

我已经创建了一个简单的小测试应用程序来演示问题：

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        <![CDATA[
            private function onCanvasClick(event:Event):void {
                text.text = text.text + "n" + "Canvas Clicked";
            }

            private function onButtonClick(event:Event):void {
                text.text = text.text + "n" + "Button Clicked";
            }
        ]]>
    </mx:Script>

    <mx:Canvas x="97" y="91" width="200" height="200" backgroundColor="red" click="onCanvasClick(event)">
        <mx:Button x="67" y="88" label="Button" click="onButtonClick(event)"/>
    </mx:Canvas>
    <mx:Text id="text" x="97" y="330" text="Text" width="200" height="129"/>
</mx:Application>

当您单击按钮时,您将看到文本框中的两个条目,“按钮单击”,然后“Canvas Clicked”,即使鼠标仅被单击一次.

我想找到一种方法,我可以避免第二个条目,当我单击按钮时,只有“按钮单击”条目,但如果我要点击画布中的任何其他地方“画布单击”进入仍然会出现.