# Custom button sticky MOUSE\_OVER

**URL:** https://forum.kirupa.com/t/custom-button-sticky-mouse-over/325647
**Category:** flash
**Created:** [October 27, 2011, 4:47pm UTC](https://forum.kirupa.com/t/custom-button-sticky-mouse-over/325647 "2011-10-27T16:47:31Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![tpann](https://avatars.discourse-cdn.com/v4/letter/t/c67d28/32.png) [@tpann](https://forum.kirupa.com/u/tpann)
#### Post date: [October 27, 2011, 4:47pm UTC](https://forum.kirupa.com/t/custom-button-sticky-mouse-over/325647/1 "2011-10-27T16:47:31Z")

</div>

This simple button does essentially what I want it to, but it does one annoying thing: Sometimes it stays green (over state) when you mouse out, if you’re moving the cursor very quickly.

Is this a result of bad coding? If not, is there a simple fix? I realize I could put a MOUSE\_OVER listener on the stage that would call a public function in the button telling it to go back to UP state, but that’s not very elegant. I also tried adding a ROLL\_OUT listener but that didn’t help.

```php
package {
     import flash.display.*;
     import flash.events.*;
    
     public class TestButton extends Sprite {
          private static const UP:String = "up";
          private static const OVER:String = "over";
          private static const DOWN:String = "down";
          private static const OUT:String = "out";
          private var btn:Sprite;
          private var state:String;
         
          public function TestButton():void {
               addEventListener(Event.ADDED_TO_STAGE, init);
          }
          private function init(e:Event):void {
               state = UP;
               draw(state);
          }
          private function draw(state):void {
               while (numChildren > 0) removeChildAt(0);
               btn = new Sprite();
               switch (state) {
                    case UP:
                         btn.graphics.beginFill(0xCCCCCC);
                         break;
                    case OVER:
                         btn.graphics.beginFill(0x009900);
                         break;
                    case DOWN:
                         btn.graphics.beginFill(0x0000FF);
               }
               btn.graphics.drawRect(0, 0, 50, 22);
               btn.graphics.endFill();
               addChild(btn);
               btn.buttonMode = true;
               btn.useHandCursor = true;
               switch (state) {
                    case UP:
                         btn.addEventListener(MouseEvent.MOUSE_OVER, overHandler);
                         break;
                    case OVER:
                         btn.addEventListener(MouseEvent.MOUSE_OUT, outHandler);
                         btn.addEventListener(MouseEvent.MOUSE_DOWN, downHandler);
                         break;
                    case DOWN:
                         btn.addEventListener(MouseEvent.MOUSE_UP, overHandler);
                         btn.addEventListener(MouseEvent.MOUSE_OUT, outHandler);
                         break;
               }
          }
          private function upHandler(e:MouseEvent):void {
               state = UP;
               draw(state);
          }
          private function overHandler(e:MouseEvent):void {
               state = OVER;
               draw(state);
          }
          private function outHandler(e:MouseEvent):void {
               state = UP;
               draw(state);
          }
          private function downHandler(e:MouseEvent):void {
               btn.removeEventListener(MouseEvent.MOUSE_OUT, outHandler);
               state = DOWN;
               draw(state);
          }
     }
}

```