In the following code, if I click on the ‘button’, all three function will

Question

0

Asked: May 23, 20262026-05-23T12:03:45+00:00 2026-05-23T12:03:45+00:00

In the following code, if I click on the ‘button’, all three function will

0

In the following code, if I click on the ‘button’, all three function will be called.
But in all other cases, only stage event are fired.
Why the ‘sprite’ event didn’t got fired?

public class EventFlowTest extends Sprite
{
    private var button:Sprite;

    public function EventFlowTest()
    {
        addEventListener(Event.ADDED_TO_STAGE, init);

    }
    private function init(e:Event = null):void
    {
        stage.addEventListener(MouseEvent.MOUSE_DOWN,stageMouseDown,false);


        graphics.beginFill(0x11);
        graphics.drawCircle(100,100,100);
        addEventListener(MouseEvent.MOUSE_DOWN,spriteMouseDown,false);          


        button=new Sprite();
        addChild(button);

        button.graphics.beginFill(0xF1);
        button.graphics.drawCircle(100,100,10);
        button.addEventListener(MouseEvent.MOUSE_DOWN,buttonMouseDown,false);
    }

    private function spriteMouseDown(e:MouseEvent):void
    {
        trace("sprite");
    }

    private function stageMouseDown(e:MouseEvent):void
    {
        trace("stage");
    }

    private function buttonMouseDown(e:MouseEvent):void
    {
        trace("button");
    }

}