`
nijiaben
  • 浏览: 130516 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

谈谈Flex中的事件流的理解

    博客分类:
  • Flex
阅读更多
   今天上课的时候看了Flex的事件流,看得云里雾里的,回来又好好看了下,有了点自己的理解,也不知道对不对,大家正在学的话可以参考下哈.
   事件流包括了三个阶段,即捕捉阶段,定位阶段,冒泡阶段。所谓捕捉阶段主要涉及到从根结点到目标节点的父节点之间的所有节点。当执行本阶段的时候,Flash Player是从根结点开始的不断检测没过节点,看是否注册此事件。该阶段不会进行处理。其次就是定位阶段了,定位阶段的话主要就是涉及本节点了,会进行相应的注册事件处理。最后就是冒泡阶段了,该阶段跟捕捉阶段有点类似,只是检测节点的顺序是反的,是从父节点检测到根结点,所以改过程也叫回溯阶段。
    还有点值得注意的,只能为可以触发一个事件的对象注册此事件的listener,比如说form控件就没有click属性注册事件。而且只有可视化的控件或容器才有捕捉和冒泡阶段
,非可视的对象只能在定位阶段被触发,它无法参与其他两个阶段。
分享到:
评论

相关推荐

    flex 事件流原理

    1. **事件机制**:事件是Flex中的一种通信方式,当特定条件满足时,事件被触发并沿着事件流传播。例如,`MouseEvent`类型的事件在鼠标操作后发生,如`click`事件,表示用户点击了鼠标。当事件被触发时,已注册的事件...

    Flex事件机制详细说明

    例如,在下面的代码片段中,如果`VBox`组件发生了`resize`事件,则事件流会从根节点`Application`开始,依次检查`Panel`、`HBox`等容器节点,直到到达`VBox`。 ```xml ``` #### 三、事件的派发 在...

    flex事件运行流程

    理解事件流和MXML组件的实例化是学习Flex的基础。开发者需要了解事件何时触发以及如何触发,这与HTML和Flash的执行方式不同。HTML从上到下实例化,而Flash按时间轴顺序执行,Flex则有自己的事件驱动逻辑。 例如,...

    flex成熟工作流源码

    这个源码提供了深入理解如何在企业级应用中实现工作流管理的实例。 在工作流管理领域,系统通常负责自动化业务过程,如审批流程、任务分配和状态跟踪。Flex因其强大的图形用户界面(GUI)设计能力和与后端服务器的...

    flex事件flex事件flex事件flex事件

    在前端开发领域,Flex布局(Flexible Box)是现代网页设计中的一个重要组成部分,它极大地提高了我们构建响应式和动态布局的能力。...为了更深入理解实际场景中的"flex事件",需要更多的上下文信息。

    Flex4.5事件机制

    在Flex中,用户的行为,如点击按钮或输入文本,会触发相应的事件,这些事件包含关于事件的信息,并通知相关对象进行处理。 DOM3事件机制包括四个主要部分:注册事件侦听器、发送事件、侦听事件和移除事件侦听器。以...

    Flex的事件机制笔记

    在本文中,我们将深入探讨Flex事件的各个方面,包括事件流、事件类型、自定义事件的创建与处理。 首先,Flex的事件流分为三个阶段:冒泡阶段、捕获阶段和目标阶段。冒泡阶段是从最具体的子组件开始,沿着组件层次...

    flex 关于事件的例子

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的框架,主要基于...通过理解和实践这个“flex 关于事件的例子”,初学者能够掌握Flex中事件处理的基本原理和用法,为构建交互式Flex应用打下坚实基础。

    flex的事件详解

    为了更好地理解事件流的工作原理,我们可以考虑一个简单的Flex应用程序示例,该程序包含多个嵌套容器和一个按钮。假设这个界面如下所示: - 顶层容器:`root` - 中间容器:`container1` - 内部容器:`container2` - ...

    flex工作流(完全通过)

    4. **事件驱动编程**: Flex中的事件模型允许组件之间通过发送和监听事件进行通信。在工作流中,事件可以用来触发流程的变迁,比如完成任务或审批后,触发下一个步骤。 5. **状态机模型**: 工作流通常可以被看作是一...

    flex 工作流设计器

    Flex工作流设计器是一种基于Adobe Flex技术的工具,用于创建、编辑和管理业务流程。...通过深入理解和熟练使用Flex工作流设计器,企业能够更好地管理和优化其业务流程,从而在竞争激烈的市场环境中保持优势。

    flex工作流源码

    在Flex中,这些类用于发送AJAX请求,处理RESTful API或SOAP服务,实现异步数据加载和提交。 2. **Common_Math**:这个部分可能包含了一些数学相关的算法和工具类,例如几何计算、坐标转换或者图形渲染中的数学支持...

    flex4自定义事件用法

    自定义事件是Flex开发中的一个重要概念,允许开发者扩展内置事件系统,以满足特定项目的需要。下面将详细介绍Flex4自定义事件的用法,以及如何在一个完整的项目中导入和运行。 1. **创建自定义事件类** - 首先,...

    flex控件事件

    在Flex中,控件(或称为组件)是构建用户界面的基本元素,如按钮、文本框、列表等。当用户与这些控件进行交互时,如点击按钮、输入文本或选择列表项,就会触发相应的事件。理解并熟练运用Flex控件事件,可以极大地...

    flex 视频录制于推流

    ### Flex中的视频录制和推流 视频录制和推流是Flex应用中的一个重要功能。通过使用Flex,开发者可以轻松地集成视频录制功能,并将录制的视频实时推送到服务器或其他平台进行直播或存储。 #### 代码解析 1. **初始...

    flex事件机制分析

    Flex中的事件流分为三个阶段:冒泡阶段、捕获阶段和目标阶段。这与DOM事件流类似,但Flex对捕获阶段的支持并不完全。首先,事件会在目标节点上触发,然后向上冒泡到父级组件,直到到达应用程序的根节点。这个过程...

    flex中文帮助文档

    这个“flex中文帮助文档”提供了对Flex技术的全面介绍和快速入门指南,旨在帮助开发者更好地理解和使用Flex进行Web应用开发。 一、Flex概述 Flex是一个基于ActionScript编程语言和MXML标记语言的开发框架,它允许...

    flex 官方文档 中文教程

    本教程基于Flex官方文档,旨在为开发者提供中文版的详细学习指南,帮助理解并掌握Flex的核心概念、组件、布局、事件处理以及数据绑定等关键知识点。 1. **Flex简介** Flex是基于ActionScript 3.0和Flash Player或...

    Flex中文帮助 学习Flex的好资料

    4. **数据绑定**:Flex中的数据绑定是其强大特性之一,它允许UI组件的状态与应用程序数据自动同步。这大大简化了代码,提高了开发效率。 5. **事件驱动编程**:Flex应用程序是基于事件驱动的,用户操作或其他系统...

    FLEX中文教程+实例

    Flex中的数据绑定机制允许将UI组件的属性直接绑定到应用程序的数据模型,当数据模型发生变化时,UI会自动更新,反之亦然,简化了界面和数据间的交互。 六、Flex事件模型 Flex事件模型基于观察者模式,事件是组件间...

Global site tag (gtag.js) - Google Analytics