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

Home Flex 1. Chart 2. Components 3. Container 4. Data Model 5. Development 6. Effects 7. Event 8. Graphics 9. Grid 10. Style

Flex » Event » Event Listener Screenshots  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>                                                          Related examples in the same category 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