Flash: Correctly handling click-and-drag outside the browser?

Question

What's the correct way to detect, from Flash, when someone has started a drag within the browser (eg, a MOUSE_DOWN event), dragged the mouse outside the browser window, released the button, then moved the mouse back over the browser?

For example (assuming StackOverflow was a Flash application):

I've tried the "obvious" thing, checking event.buttonDown in the MOUSE_MOVE handler, but even though the mouse button is up, event.buttonDown is true in step 2 (above).

So, is there any other way to check the "real" status of the mouse button? Or any other way to handle this situation?

Answer 1

For the case where the mouse is leaving your work area, try: MouseEvent.MOUSE_OUT

You may be able to detect MOUSE_UP in the case where the mouse is dragged back in.

The behavior of the mouse outside of your flash app is entirely operating system and browser dependent, and any access you have to it within flash will be inconsistent at best.

Answer 2

Check out this post and see if this helps.

http://stackoverflow.com/questions/1563434/detect-mouse-leave-stage-while-dragging-in-actionscript-3

Answer 3

After doing a bit of digging in the Flex source, it seems like they use the SandboxMouseEvent.MOUSE_UP_SOMEWHERE event. Some limited testing suggests that this is one way of correctly detecting mouse-ups outside of Flash (albeit using Flex):

var sbroot:DisplayObject = Application.application.systemManager.getSandboxRoot();
sbroot.addEventListener(SandboxMouseEvent.MOUSE_UP_SOMEWHERE, handleDragComplete);

Answer 4

I had a similar problem. My solution:

In the draggable object constructor I have:

addEventListener(MouseEvent.MOUSE_DOWN, onStartDrag);

And in the onStartDrag() I put:

stage.addEventListener(MouseEvent.MOUSE_MOVE,onDrag);
stage.addEventListener(MouseEvent.MOUSE_UP, onDrop);

You get a notification whenever the mouse moves, in our outside of the flash player, and a MOUSE_UP notification as soon as the button is released, also regardless of the mouse pointer position. Might not be applicable in your particular situation, but works like a charm for me. Don't forget to remove MOVE and UP listeners in the onDrop().