StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POFlex 4 change image on mouseover - mouseout function fails when I mouseover quickly?
text
Body
copied!<p>I have a basic mouseover in my flex application which changes an image onmouseover and changes it back onmouseout using the code <code>mouseOver="functionToChangeImageSource()"</code> and another one to mouseout.</p> <p>It works fine when you slowly mouse over and out, however if I quickly move the mouse over it, it occasionally stays on the mouseover image and the mouseout function doesnt appear to kick in. Is there anything I can do to fix this, or does anyone have any ideas why its happening?</p> <p>Also, I've tried the rollOver and rollOut instead but it has the same problem.</p> <p>Code is as follows (I switched it to hide and show the two images on mouseover/out to see if it solved the problem but it didnt):</p> <pre><code> <mx:Image source="images/logout.jpg" left="0" top="350" top.dataViewState="470" id="logoutimg" includeIn="dataViewState, dataDayViewState" rollOver="logoutimg_mouseOverHandler(event)" click="doLogout()" /> <mx:Image source="images/logoutover.jpg" left="0" top="350" top.dataViewState="470" id="logoutoverimg" includeIn="dataViewState, dataDayViewState" rollOut="logoutoverimg_mouseOutHandler(event)" visible="false" click="doLogout()" /> </code></pre> <p>And the functions are as follows:</p> <pre><code>protected function logoutimg_mouseOverHandler(event:MouseEvent):void { logoutimg.visible = false; logoutoverimg.visible = true; } protected function logoutoverimg_mouseOutHandler(event:MouseEvent):void { logoutoverimg.visible = false; logoutimg.visible = true; } </code></pre> <p>I'd imagine you're correct about the mouseover event not completing before mouseout is but how to I fix this?</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload