Canvas mouse down event : MouseEvent « Event « Flex






Canvas mouse down event

Canvas mouse down event
          
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" backgroundColor="white">
    <mx:Script>
        
        import mx.controls.Alert;
        private function handleMouseDown(event:MouseEvent):void {
            var pt:Point = new Point(event.localX, event.localY);
            pt = event.target.localToGlobal(pt);
            pt = c1.globalToContent(pt);
            var whichColor:String = "aaa";
            if (pt.x < 150) {
                if (pt.y < 150)
                    whichColor = "red";
                else
                    whichColor = "blue";
            }
            Alert.show("You clicked on the " + whichColor);
        }
      
    </mx:Script>
    <mx:Canvas id="c1" borderStyle="none" width="300" height="300" mouseDown="handleMouseDown(event);">
        <mx:Canvas width="150" height="150" x="0" y="0" backgroundColor="red">
            <mx:Button label="Red" />
        </mx:Canvas>
        <mx:Canvas width="150" height="150" x="0" y="150" backgroundColor="blue">
            <mx:Button label="Blue" />
        </mx:Canvas>
    </mx:Canvas>
</mx: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.Add mouse click event handler for PanelAdd mouse click event handler for Panel
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