as3 鼠标经过图片变大 移出变小失灵 问题总结

原本的代码是:

imgLoader.buttonMode = true; imgLoader.addEventListener(MouseEvent.MOUSE_OVER, mouseOverFun,false,4); imgLoader.addEventListener(MouseEvent.MOUSE_OUT, mouseOutFun, false, 3); function mouseOverFun(event:MouseEvent):void { imgLoader.addEventListener(Event.ENTER_FRAME, enlarge, false, 2); } //鼠标移出时缩小 function mouseOutFun(event:MouseEvent):void { imgLoader.addEventListener(Event.ENTER_FRAME, deflate,false,1); } function deflate(event:Event):void { if(imgLoader.width > 80){ imgLoader.width -= 2; imgLoader.height -= 2; }else imgLoader.removeEventListener(Event.ENTER_FRAME, deflate); } function enlarge(event:Event):void { if (imgLoader.width < 100){ imgLoader.width += 2; imgLoader.height += 2; }else imgLoader.removeEventListener(Event.ENTER_FRAME, enlarge); }

但始终有bug 就是当图片在增大(减小)的过程中如果鼠标从图片上挪开的话(或者快速在图片上来回移动)接下来图片将无法在继续增大或者减小

后来经过高人指点:"是一个很小的问题，你少一个变量判断当前是Over状态还是Out状态。当你第一次移出后再Over时永远是Over和Out并存，所以永远都是先+2再-2等于没有变化..."改了下代码可以了:

imgLoader.buttonMode = true; var OverOrOut:int=new int(); imgLoader.addEventListener(MouseEvent.MOUSE_OVER, mouseOverFun,false,4); imgLoader.addEventListener(MouseEvent.MOUSE_OUT, mouseOutFun, false, 3); function mouseOverFun(event:MouseEvent):void { OverOrOut=1; imgLoader.addEventListener(Event.ENTER_FRAME, enlarge, false, 2); } //鼠标移出时缩小 function mouseOutFun(event:MouseEvent):void { OverOrOut=0; imgLoader.addEventListener(Event.ENTER_FRAME, deflate,false,1); } function deflate(event:Event):void { if(imgLoader.width > 80&&OverOrOut==0){ imgLoader.width -= 2; imgLoader.height -= 2; }else imgLoader.removeEventListener(Event.ENTER_FRAME, deflate); } function enlarge(event:Event):void { if (imgLoader.width < 300&&OverOrOut==1){ imgLoader.width += 2; imgLoader.height += 2; }else imgLoader.removeEventListener(Event.ENTER_FRAME, enlarge); }