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

发布于 2024-08-30 05:20:18 字数 400 浏览 9 评论 0原文

我正在尝试制作一个可滚动的框,当鼠标进入并停留在“wrapper”区域时,“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 个像素。

我知道我必须使用计时器,但我担心的是我无法让 Flex 识别出鼠标仍然处于“包装器”状态并继续触发事件。有什么想法吗?

i'm trying to make a scrollable box, when a mouse enters and STAYS on "wrapper"'s area, "pubsBox" moves 10 pixels to the left.

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

My problem is that I'm not sure how to make the MouseEvent.MOUSE_OVER work, to recognize that the mouse is still ON the area and so pubsBox should continue to move 10 pixels to the left every second.

I understand that i have to use a Timer, but what I'm concerned about is the fact that I can't get Flex to recognize that the mouse is still OVER "wrapper" and continue firing the event. Any ideas?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

十年不长 2024-09-06 05:20:18

使用MouseEvent.MOUSE_OUT。假设鼠标仍然位于包装器上方,直到触发鼠标移出事件。因此,本质上您将设置某种循环,该循环将不断移动 pubsBox 直到触发 MouseEvent.MOUSE_OUT 事件。


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

Use MouseEvent.MOUSE_OUT. Assume that the mouse is still over the wrapper until the mouse out event is fired. So essentially you will setup some sort of loop that will continually move the pubsBox until the MouseEvent.MOUSE_OUT event is fired.

<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>

In the startMove function, setup you timer etc, for the logic to achieve the move. In the stopMove function, add your logic to stop the timer and kill the move process.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文