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






Add mouse click event handler for Panel

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.CLICKMouseEvent.CLICK
2.Pass Event object to the submitForm() handler function and specifies it as type MouseEventPass Event object to the submitForm() handler function and specifies it as type MouseEvent
3.MouseEvent.MOUSE_DOWNMouseEvent.MOUSE_DOWN
4.Set shiftKey of the MouseEvent object to true to simulate a Shift-clickSet shiftKey of the MouseEvent object to true to simulate a Shift-click
5.Cast Event object to MouseEvent.Cast Event object to MouseEvent.
6.MouseEvent stageX and stageY propertiesMouseEvent stageX and stageY properties
7.Pass Event object to submitForm() handler function and specifies it as type MouseEventPass 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 EventGet X and Y locations from Mouse Event
10.Check coordinate for mouse clickCheck coordinate for mouse click
11.Canvas mouse down eventCanvas mouse down event
12.Create a Point object from the mouse pointer's location and display data values associatedCreate a Point object from the mouse pointer's location and display data values associated
13.Initially sets the mouseSensitivity property to 20Initially sets the mouseSensitivity property to 20
14.Label Mouse down eventLabel Mouse down event
15.Mouse Event Object PropertiesMouse Event Object Properties
16.Output mouse position in mouse move eventOutput mouse position in mouse move event
17.trace mouse positiontrace mouse position
18.Canvas Mouse Position, mouse down eventCanvas Mouse Position, mouse down event
19.Detect a Mouse Click Outside a Pop Up to Close ItDetect a Mouse Click Outside a Pop Up to Close It
20.Place your mouse pointer over the image to enlarge itPlace your mouse pointer over the image to enlarge it
21.Select only the SpanElement that is under the mouse clickSelect only the SpanElement that is under the mouse click
22.Convert local point to GlobalConvert local point to Global