當鼠標停留在元素上時，不會觸發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函數中，添加邏輯以停止計時器並終止移動過程。