Problems with events in flex

Question

Hi there. I'm a AS2 and Flash CS3 guy. I started to learn AS3 and transfer to Flex 3. But I got a problem w/ Events in AS3. I'm adding a canvas component to the stage. On that canvas, I added 3 different events: mouse down, mouse move, and mouse up. When mouse move is fired, there is no way for me to get mouse up event fired, and viceversa, when mouse up is fired, there is no way to get the mouse move event fired. Is there any one to help this newbie with this particular problem? Any help will be very appreciated.
Code:
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:canvas id="myCanvas" x="50" y="50" width="500" height="500" click="event_1();" mouseMove="event_2();" mouseUp="event_3();">
</mx:Canvas>
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import flash.events.*;
public function event_1():void
{ Alert.show("First event fired"); }
public function event_2():void
{ Alert.show("Second event fired"); }
public function event_3():void
{ Alert.show("third event fired); }
</mx:Script>
</mx:Application>

Answer 1

Hi Greg. Thank you for your replay. The question is I didnt want to bother you with the complete code and post it with the minimal expression. But here I give you the full code w/corresponding package. What I'm trying to do is drawing a line over an empty canvas (I got it very easily in Flash AS2)
Code:
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="addChild(p1)">
<mx:Canvas id="wrapper" x="10" y="10" width="600" height="600">
  <mx:Canvas x="50" y="50" width="500" height="500" id="imageView" backgroundColor="#F8F3F3" click="startDraw();" mouseMove="drawLine();" mouseUp="noDrawLine();" >
  </mx:Canvas>
</mx:Canvas>
<mx:Button x="263" y="618" label="Draw Line" click="prepToDraw();"/>
<mx:Script>
<![CDATA[
  import com.myDomain.Lines.Main;
   import mx.graphics.*;
   import mx.binding.utils.BindingUtils;
   import flash.events.IOErrorEvent;
   import flash.events.Event;
   import flash.display.*;
   import mx.controls.Alert;
   import com.myDomain.Lines.Main;
   public var p1:Main = new Main();
   public var pre:Number = 0;
   public function prepToDraw():void
    pre = 1;
   public function startDraw():void
    if(pre == 1)
    p1.graphics.clear();
    var newColor:int = 0xFF00FF;
    var iniX:Number = mouseX;
    var iniY:Number = mouseY;
    var lineWidth:Number = 10;
    p1.graphics.lineStyle(lineWidth, newColor);
    p1.graphics.moveTo(iniX, iniY);
   public function drawLine():void
    if(pre == 1)
     p1.graphics.lineTo(mouseX, mouseY);
   public function noDrawLine():void
    if(pre == 1)
     Alert.show("noLine");
]]>
</mx:Script>
</mx:Application>
The package:
package com.myDomain.Lines
import flash.display.Shape;
import flash.display.Stage;
import flash.events.MouseEvent;
import mx.core.UIComponent;
public class Main extends UIComponent
  public function Main()
   super();
  public var p1:Shape = new Shape();
If you go apply the code, you will see: 1) The first event to fire is mouseUp, then you eill start drawing the line, but again, you will not be able to stop this event with mouseUp. If you can help me, I will be very appreciated. Thanks.