当鼠标停留在元素上时，不会触发FLex MouseEvent

Question

我正在尝试制作一个可滚动的框，当鼠标进入并且在“包装器”区域停留时，“ pubsBox”向左移动10个像素。

<mx:Canvas id="wrapper" height="80" width="750">
    <mx:HBox id="pubsBox" horizontalGap="10" height="80" width="100%" />
</mx:Canvas>

我的问题是我不确定如何使MouseEvent.MOUSE_OVER工作，以识别鼠标仍在该区域上，因此pubsBox应该继续每秒向左移动10个像素。

我知道我必须使用Timer，但是我担心的是我无法让Flex意识到鼠标仍然在“包装器”上并继续触发该事件。 有任何想法吗？

Answer 1

使用MouseEvent.MOUSE_OUT。 假定鼠标仍然在包装上，直到触发了mouse out事件为止。 因此，从本质上讲，您将设置某种循环，该循环将连续移动pubsBox，直到触发MouseEvent.MOUSE_OUT事件为止。

<mx:Canvas id="wrapper" height="80" width="750" mouseOver="startMove(e)" mouseOut="stopMove(e)"> <mx:HBox id="pubsBox" horizontalGap="10" height="80" width="100%" /> </mx:Canvas>

在startMove函数中，设置计时器等，以实现移动的逻辑。 在stopMove函数中，添加逻辑以停止计时器并终止移动过程。