Mouse Down ,Mouse Click conflict

Question

Dear Flexmasters ,
  I have a view component that I would like to be draggable when the mouse is held down ,  and dispatch an event when clicked ( single-click ).  However , when I go to drag and the mouse is released , a click event is dispatched.  Is there a way I can prevent the click event from being fired during a drag and drop operation ?  As always points WILL be awarded.
Here is the code if you would like to see it.
            public function init():void
                 this.addEventListener(MouseEvent.MOUSE_DOWN , handleStartDrag );
                this.addEventListener(MouseEvent.MOUSE_UP , handleStopDrag );
                this.addEventListener(MouseEvent.CLICK , layerClick );
            private function handleStartDrag(event:MouseEvent):void
                 event.preventDefault();
                var target:UIComponent = UIComponent(event.currentTarget);
                target.startDrag(false);
            private function handleStopDrag(event:MouseEvent):void
                event.preventDefault();
                var target:UIComponent = UIComponent(event.currentTarget);
                target.stopDrag();
            private function layerClick(event:MouseEvent):void
                if(event.type == MouseEvent.CLICK )
                    var uiEvent:UIEVENT = new UIEVENT(UIEVENT.LAYERSELECTED);
                    uiEvent.layer = layer;
                    dispatchEvent( uiEvent );

Answer 1

I overrided the MouseEvent and Group classes to differenciate the MouseEvent.CLICK and MouseEvent.MOUSE_DOWN -> MouseEvent.MOUSE_UP
utils.RealMouseEvent.as
package utils
     import flash.events.MouseEvent;
     import flash.events.TimerEvent;
     import flash.geom.Point;
     import flash.utils.Timer;
     import settings.Settings;
     import spark.components.Group;
     [Event(name="realClick", type="utils.RealMouseEvent")]
     [Event(name="realMouseUp", type="utils.RealMouseEvent")]
     [Event(name="realMouseDown", type="utils.RealMouseEvent")]
     public class RealMouseEventsGroup extends Group
          public function RealMouseEventsGroup()
               super();
               _isTimeOut = false;
               addEventListener(MouseEvent.MOUSE_DOWN,mouseDownHandler,false,1);
               addEventListener(MouseEvent.CLICK,mouseClickHandler,false,1);
          public var stopPropagation:Boolean = false;
          private var _timer:Timer = new Timer(parseInt(Settings.getSetting("clickDelay")),1);
          private var _mouseMoveTolerance:Number = parseInt(Settings.getSetting("mouseMoveTolerance"));
          private var _isTimeOut:Boolean;
          private var _isMoved:Boolean;
          private var _event:MouseEvent;
          private var _lastMouseDownPt:Point;
          private function mouseDownHandler(event:MouseEvent):void{
               _lastMouseDownPt = new Point(mouseX,mouseY);
               _isTimeOut = false;
               _isMoved = false;
               _event = event;
               addEventListener(MouseEvent.MOUSE_UP,mouseUpHandler,false,1);
               addEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler,false,1);
               _timer.addEventListener(TimerEvent.TIMER_COMPLETE,clickTimeOut,false,1);
               _timer.reset();
               _timer.start();
               if(stopPropagation)
                    event.stopPropagation();
          private function mouseUpHandler(event:MouseEvent):void{
               if(_isTimeOut || _isMoved)
                    dispatchEvent(new RealMouseEvent(RealMouseEvent.REAL_MOUSE_UP,event));
               removeEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
               _timer.stop();
               if(stopPropagation)
                    event.stopPropagation();
          private function mouseClickHandler(event:MouseEvent):void{
               if(!_isTimeOut && !_isMoved)
                    dispatchEvent(new RealMouseEvent(RealMouseEvent.REAL_CLICK,event));              
               _timer.stop();
               if(stopPropagation)
                    event.stopPropagation();
          private function mouseMoveHandler(event:MouseEvent):void{
               var pt:Point = new Point(mouseX,mouseY);
               if(Point.distance(_lastMouseDownPt,pt) > _mouseMoveTolerance){
                    _timer.stop();
                    dispatchEvent(new RealMouseEvent(RealMouseEvent.REAL_MOUSE_DOWN,_event));
                    removeEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
                    _isMoved = true;
          private function clickTimeOut(event:TimerEvent):void{
               _isTimeOut = true;
               _timer.removeEventListener(TimerEvent.TIMER_COMPLETE,clickTimeOut);
               removeEventListener(MouseEvent.MOUSE_MOVE,mouseMoveHandler);
               dispatchEvent(new RealMouseEvent(RealMouseEvent.REAL_MOUSE_DOWN,_event));
utils.RealMouseEventsGroup.as
package utils
     import flash.display.InteractiveObject;
     import flash.events.MouseEvent;
     public class RealMouseEvent extends MouseEvent
          public static const REAL_CLICK:String = "realClick";
          public static const REAL_MOUSE_DOWN:String = "realMouseDown";
          public static const REAL_MOUSE_UP:String = "realMouseUp";
          public function RealMouseEvent(type:String, src:MouseEvent, bubbles:Boolean=true, cancelable:Boolean=false)
               super(type, bubbles, cancelable, src.localX, src.localY, src.relatedObject, src.ctrlKey, src.altKey, src.shiftKey, src.buttonDown, src.delta);
exemple of use :
<utils:RealMouseEventsGroup id="myGroup"                                         realClick="myGroup_realClickHandler(event)"                                        realMouseDown="myGroup_realMouseDownHandler(event)"                                        realMouseUp="myGroup_realMouseUpHandler(event)"/>