Add a click event listener to each of the colored boxes

           

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:Script>
        
        public function moveUp(event:Event):void
        {
            var box:Canvas = event.currentTarget as Canvas;
            colorsPanel.removeChild(box);
            colorsPanel.addChild(box);
        }
      
    </mx:Script>
    <mx:Panel id="colorsPanel" width="250" height="250" layout="absolute">
        <mx:Canvas id="redBox" x="70" y="70" width="50" height="50"
            backgroundColor="#FF0000" click="moveUp(event)" />
        <mx:Canvas id="greenBox" x="90" y="90" width="50" height="50"
            backgroundColor="#00FF00" click="moveUp(event)" />
        <mx:Canvas id="blueBox" x="100" y="60" width="50" height="50"
            backgroundColor="#0000FF" click="moveUp(event)" />
    </mx:Panel>
</mx:Application>

1.	Add Click event listener with ActionScript
2.	Remove and add event listener
3.	Register one listener function to two different buttons
4.	Custom Listener Function
5.	Use the addEventListener() method
6.	Pass individual properties to an event listener
7.	Use a separate call to addEventListener() method for each instance
8.	Event listener is contained in an ActionScript function in an tag
9.	Event listener function
10.	Reuse a single listener for multiple events
11.	Use addEventListener function to bind function to event
12.	Using Add Event Listener

Add a click event listener to each of the colored boxes : Event Listener « Event « Flex

Related examples in the same category