AS3: Drag and Drop button

Question

I have a button with a MouseEvent.CLICK listener. The CLICK event is being triggered when the button is pushed, mouse is down while rolled out, then released when rolled in on the button again. I do not want this to happen, the click event should not occur when the button is being dragged.

My flash file contains a large amount of buttons and click listeners, I would like to solve this problem with as little code as possible. What is the simplest solution to this problem?

Chunky Chunk Chunky Chunk · Accepted Answer · 2011-08-08T02:26:05

you need to add event listeners and handlers when they are required and remove them when they are no longer needed. you will use your own logic for your needs, but here's an example:

button.addEventListener(MouseEvent.MOUSE_DOWN, mouseDownEventHandler);

function mouseDownEventHandler(evt:MouseEvent):void
{
    evt.currentTarget.addEventListener(MouseEvent.MOUSE_UP, mouseUpEventHandler);
    evt.currentTarget.addEventListener(MouseEvent.ROLL_OUT, rollOutEventHandler);
    trace("Mouse Down");
}

function mouseUpEventHandler(evt:MouseEvent):void
{
    evt.currentTarget.removeEventListener(MouseEvent.MOUSE_UP, mouseUpEventHandler);
    evt.currentTarget.removeEventListener(MouseEvent.ROLL_OUT, rollOutEventHandler);
    trace("Mouse Click (Mouse Up)");
}

function rollOutEventHandler(evt:MouseEvent):void
{
    evt.currentTarget.removeEventListener(MouseEvent.MOUSE_UP, mouseUpEventHandler);
    evt.currentTarget.removeEventListener(MouseEvent.ROLL_OUT, rollOutEventHandler);
    trace("Roll Out");
}

if you have a lot of buttons which behave the same way, you should create a custom button class of which all of your buttons would be instances.

AS3: Drag and Drop button

2 Answers