Add mouse click event handler for Panel

          

<!--
Code from Flex 4 Documentation "Using Adobe Flex 4".

This user guide is licensed for use under the terms of the Creative Commons Attribution 
Non-Commercial 3.0 License. 

This License allows users to copy, distribute, and transmit the user guide for noncommercial 
purposes only so long as 
  (1) proper attribution to Adobe is given as the owner of the user guide; and 
  (2) any reuse or distribution of the user guide contains a notice that use of the user guide is governed by these terms. 
The best way to provide notice is to include the following link. 
To view a copy of this license, visit http://creativecommons.org/licenses/by-nc-sa/3.0/

-->



<!-- events/StoppingPropagation.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:mx="library://ns.adobe.com/flex/mx"
    xmlns:s="library://ns.adobe.com/flex/spark" initialize="init(event);">
    <s:layout>
        <s:VerticalLayout />
    </s:layout>
    <fx:Script>
         
        import mx.controls.Alert; 
        import flash.events.MouseEvent; 
        import flash.events.Event; 
        public function init(e:Event):void { 
            p1.addEventListener(MouseEvent.MOUSE_DOWN, showAlert); 
            tw1.addEventListener(MouseEvent.MOUSE_DOWN, showAlert); 
            tw1.addEventListener(Event.CLOSE, closeWindow); 
            p2.addEventListener(MouseEvent.MOUSE_DOWN, showAlertWithoutStoppingPropagation); 
            tw2.addEventListener(MouseEvent.MOUSE_DOWN, showAlertWithoutStoppingPropagation); 
            tw2.addEventListener(Event.CLOSE, closeWindow); 
        } 
        public function showAlert(e:Event):void { 
            Alert.show("Alert!\n" + "Current Target: " + e.currentTarget + "\n" + "Phase: " + e.eventPhase); 
            e.stopImmediatePropagation(); 
        } 
        public function showAlertWithoutStoppingPropagation(e:Event):void { 
            Alert.show("Alert!\n" + "Current Target: " + e.currentTarget + "\n" + "Phase: " + e.eventPhase); 
        } 
        public function closeWindow(e:Event):void { 
            p1.removeChild(tw1); 
        } 
      
    </fx:Script>
    <s:Panel id="p1" title="Stops Propagation">
        <mx:TitleWindow id="tw1" width="300" height="100" showCloseButton="true"
            title="Title Window 1">
            <s:Button label="Click Me" />
            <s:TextArea id="ta1" />
        </mx:TitleWindow>
    </s:Panel>
    <s:Panel id="p2" title="Does Not Stop Propagation">
        <mx:TitleWindow id="tw2" width="300" height="100" showCloseButton="true"
            title="Title Window 2">
            <s:Button label="Click Me" />
            <s:TextArea id="ta2" />
        </mx:TitleWindow>
    </s:Panel>
</s:Application>

Related examples in the same category

1.	MouseEvent.CLICK
2.	Pass Event object to the submitForm() handler function and specifies it as type MouseEvent
3.	MouseEvent.MOUSE_DOWN
4.	Set shiftKey of the MouseEvent object to true to simulate a Shift-click
5.	Cast Event object to MouseEvent.
6.	MouseEvent stageX and stageY properties
7.	Pass Event object to submitForm() handler function and specifies it as type MouseEvent
8.	Add Mouse Down event to Panel
9.	Get X and Y locations from Mouse Event
10.	Check coordinate for mouse click
11.	Canvas mouse down event
12.	Create a Point object from the mouse pointer's location and display data values associated
13.	Initially sets the mouseSensitivity property to 20
14.	Label Mouse down event
15.	Mouse Event Object Properties
16.	Output mouse position in mouse move event
17.	trace mouse position
18.	Canvas Mouse Position, mouse down event
19.	Detect a Mouse Click Outside a Pop Up to Close It
20.	Place your mouse pointer over the image to enlarge it
21.	Select only the SpanElement that is under the mouse click
22.	Convert local point to Global

Add mouse click event handler for Panel : MouseEvent « Event « Flex

Related examples in the same category