Mouse drag and rotation

Question

How do I rotate an object with the mouse after I have dragged the object with mouse. Essentially, I want to move the object with the mouse and then rotate it with another mouse click. Right now the object is moving and rotating at the sime time.

Answer 1

The problem arises due to the CLICK event being determined by the combination of a MOUSE_DOWN event followed by a MOUSE_UP event.  So your CLICK event occurs as soon as you release the drag.  You need to pull assigning the CLICK event out of the dragging scene altogether., otherwise it will be triggered.  One way to do that is to have two clicking functions at work for you.  One that uses the click that registers from the dragging to initiate the listener for other that deals with the rotation.  Here's one way to code it... it removes listeners once they have served their purpose...
graybox.addEventListener(MouseEvent.MOUSE_DOWN, pickUp);
function pickUp(event:MouseEvent):void
      event.target.startDrag(true);
      graybox.removeEventListener(MouseEvent.MOUSE_DOWN, pickUp);
      graybox.addEventListener(MouseEvent.MOUSE_UP, dropIt);
function dropIt(event:MouseEvent):void
      event.target.stopDrag();
      graybox.removeEventListener(MouseEvent.MOUSE_UP, dropIt);
      graybox.addEventListener(MouseEvent.CLICK, addClick);
function addClick(event:MouseEvent):void
      graybox.removeEventListener(MouseEvent.CLICK, addClick);
      graybox.addEventListener(MouseEvent.CLICK, onClick);
function onClick(event:MouseEvent):void
     event.target.rotation+=5;
     graybox.removeEventListener(MouseEvent.CLICK, onClick);
     graybox.addEventListener(MouseEvent.MOUSE_DOWN, pickUp);
graybox.buttonMode=true;