`

设置flex应用程序加载完毕后自动获取到输入焦点

    博客分类:
  • flex
 
阅读更多

应用场合:flex应用程序的登陆页面输入框,希望在加载完swf文件之后自动获取到输入焦点。

当然,这样的用户体验会好一些啦!

2种实现方案:

(1)只需要在flex应用程序中设置即可。

在flex应用程序的createComplete方法中设置如下:

// 首先要让swf文件获取到焦点

ExternalInterface.call("new Function('document.getElementById(\"xxx\").focus()')"); 

// 再设置flex中的具体组件获取焦点

userNameInput.setFocus();

说明:

xxx是指加载的swf文件名称,如我的应用是test.swf,即:

ExternalInterface.call("new Function('document.getElementById(\"test\").focus()')"); 


#个人推荐使用这种方式,因为这种方式只需要在flex中设置即可,不需要修改其他地方,对于代码的维护性来说好一些。


(2)在加载swf文件的html页面中作设置:

xxx.html是加载swf文件的页面,在onload()方法中设置:document.getElementById("xxx").focus();

当然,这种设置同样需要在flex应用的createComplete方法中设置具体组件的setFocus()方法获取焦点。


#相比起方法(1),方法(2)需要在2个地方进行修改,这样不便于代码的维护,所以不推荐。

 

 

分享到:
评论

相关推荐

    Flex应用程序开发

    部署Flex应用程序涉及到将编译后的SWF文件和相关的资源文件上传到服务器,并配置适当的HTTP请求处理程序。对于桌面应用,使用Adobe AIR进行打包和部署,可以确保应用程序能够在不同的操作系统上稳定运行。Adobe提供...

    测试flex应用程序

    Selenium是一款强大的Web应用程序自动化测试工具,它支持多种浏览器和编程语言。将Selenium与sfapi结合使用,我们可以在JavaScript层面控制Flex应用的控件,从而实现自动化测试。 在描述中提到,sfapi能够"expose ...

    selenium对flex程序的自动化测试.docx

    Selenium 对 Flex 程序的自动化测试 Selenium 是一个自动化测试工具,它可以模拟用户的行为来测试 Web 应用程序。Flex 是一种基于 XML 的开发语言,用于构建 Rich Internet Applications(RIA)。在这篇文章中,...

    Flex 自动获取焦点 监听全局键盘事件

    3. **自动获取焦点**:根据前文所述的方法,确保Flex应用程序窗口已经获得了焦点。 #### 四、Flex与浏览器环境下的自动获取焦点 在Flex应用程序运行于浏览器环境中时,由于浏览器自身的焦点管理机制,直接使用`...

    Flex 预加载动画demo

    5. **集成到应用程序**:将预加载器组件嵌入到主应用程序中,并确保在应用程序加载完成后,预加载器能够正确地消失或过渡到应用程序的主界面。 6. **性能优化**:预加载动画不仅要美观,还要注意性能。过度复杂的...

    建立连接BlazeDS远程端的Flex应用程序

    ### 建立连接BlazeDS远程端的Flex应用程序 #### 深入解析:BlazeDS在Flex与后台代码交互中的角色 BlazeDS是一款由Adobe开发的强大服务器端技术,用于实现Flex、AIR和Java应用程序之间的实时通信。它允许开发者在...

    Flex 应用程序性能: 改善客户端应用程序和服务器性能的技巧与技术

    ### Flex 应用程序性能:改善客户端应用程序和服务器性能的技巧与技术 #### 概述 随着互联网技术的发展,富互联网应用(RIA)的需求日益增长。Macromedia Flex 是一个强大的平台,它允许开发者创建高性能的 RIA。...

    flex css动态加载

    - 动态加载通常指的是在页面加载后根据需要加载CSS资源,以减少首屏加载时间并优化性能。 - 在Flex CSS中,动态加载可能涉及到根据屏幕尺寸或用户交互改变Flex容器或项目的属性,比如使用媒体查询(`@media`)实现...

    建立red5,flex应用程序

    按照提示安装并确认无误后,即可在 Eclipse 中进行 Red5 应用程序的开发。 【创建 Red5 应用程序】 1. **建立工程**: 在 Eclipse 中,选择 "File" -> "New" -> "Project",然后选择 "Dynamic Web Project"。为...

    flex 异步加载tree

    `creationComplete="initTreeData()"` 这个属性表示在Flex应用程序初始化完成后调用`initTreeData()`函数来加载初始数据。在`initTreeData()`函数中,通过`FunService`服务类获取数据,并填充到`treeSiteList`组件中...

    flex例子.flex源程序

    Flex是一种开源的、基于ActionScript的编程框架,主要用于构建富互联网应用程序(Rich Internet Applications, RIA)。这个"flex例子.flex源程序"很显然是一个Flex开发的学习资源,它包含了一个或多个示例项目,用于...

    Flex4:开发RIA应用程序

    Flex4是Adobe公司推出的一个用于开发丰富互联网应用程序(Rich Internet Applications,简称RIA)的框架。RIA是指拥有桌面应用程序体验的网络应用程序,它能够提供响应快速、功能丰富并且更接近桌面软件用户体验的...

    Flex应用程序性能改善技巧

    Flex应用程序性能改善技巧是开发人员在构建富互联网应用时必须关注的重要领域。Flex作为一个基于ActionScript和Flash Player的开发框架,提供了丰富的用户界面组件和强大的数据处理能力,但如果不加以优化,可能会...

    使用Flex4.5开发Android应用程序

    根据提供的文件信息,以下是关于使用Flex4.5开发Android应用程序的详细知识点: ### Flex4.5开发Android应用程序的知识点 #### 1. 开发环境准备 - **Adobe FlashBuilder4.5的安装与使用**:为了创建Android上的AIR...

    Flex获取设置html cookie

    Flex获取设置html cookie;Flex获取设置html cookie

    Flex应用案例.zip

    Flex是Adobe公司开发的一种用于构建富互联网应用程序(RIA)的技术框架,主要基于ActionScript和MXML语言。在本文中,我们将深入探讨Flex的应用场景、核心概念以及如何通过具体案例来理解其工作原理。 1. Flex简介 ...

    flex加载动态图片

    flexBulider页面加载动态图片的显示

    企业应用FLEX开发实战

    第五章和第六章可能会探讨FLEX中的数据服务,如AMF通信、Web服务调用和 BlazeDS/LiveCycle Data Services的使用,让FLEX应用程序能够与后端服务器无缝交互,实现数据的获取和更新。 第七章至第九章可能涉及更高级的...

    flex AIR 工程自动更新测试

    Flex AIR工程自动更新测试涉及到的是Adobe Integrated Runtime (AIR)应用程序的升级机制,这对于保持软件的最新状态和提供无缝用户体验至关重要。在Flex开发中,我们利用Adobe AIR SDK来创建跨平台的桌面应用程序。...

Global site tag (gtag.js) - Google Analytics