`
wangcheng
  • 浏览: 1470846 次
  • 性别: Icon_minigender_1
  • 来自: 青岛人在北京
社区版块
存档分类
最新评论

Flex组件自动获取输入焦点

FlexJavaScriptjQueryFlashAdobe 
阅读更多

浏览器加载swf后，Flex组件自动获取输入焦点。

1.在flex中设置焦点

as3 代码
  1. <mx:Application    
  2.     xmlns:mx="http://www.adobe.com/2006/mxml"    
  3.     layout="absolute"    
  4.     creationComplete="initApp()">  
  5.        
  6.     <mx:Script>  
  7.         [CDATA[   
  8.                
  9.             public function initApp():void {   
  10.                 application.focusManager.setFocus(nameInput);   
  11.             }   
  12.         ]]   
  13.     </mx:Script>  
  14.        
  15.     <mx:Label x="10" y="10" text="name"/>  
  16.     <mx:Label x="10" y="36" text="password"/>  
  17.     <mx:TextInput x="74" y="32" id="passwordInput"/>  
  18.     <mx:TextInput x="74" y="8" id="nameInput"/>  
  19.     <mx:Button x="178" y="62" label="Login"/>  
  20.        
  21. </mx:Application>  

2.在html中设置焦点

jsp 代码
  1. <script type="text/javascript" src="js/jquery.js"></script>  
  2. <script type="text/javascript" src="js/swfobject.js"></script>  
  3. <script type="text/javascript">  
  4. function init_app() {   
  5.   $("#flextestflash").focus();   
  6. }   
  7. </script>  
  8. </head>  
  9. <body onload="init_app();">  
  10.     <div id="playerDiv">  
  11.         Please Install Flash Player   
  12.     </div>  
  13.        
  14.     <script type="text/javascript">  
  15.            // [CDATA[   
  16.            var fo = new SWFObject("flash/flextest.swf", "flextestflash", "100%", "100%", "8", "#FFFFFF");   
  17.            fo.addParam("wmode", "transparent");   
  18.            fo.write("playerDiv");   
  19.            // ]]   
  20.     </script>  
  21. </body>  
分享到：
| Menu样式(转)
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    Flex 组件Flex 组件Flex 组件

    在Flex中，组件是可重用的代码单元，它们负责处理用户输入、显示数据和实现特定功能。每个Flex组件都是一个继承自UIComponent的类，拥有自己的生命周期、样式和事件处理机制。例如，Button组件用于响应用户的点击...

    flex组件介绍

    Flex中的`Form`组件用于创建数据输入表单，它能够自动布局和调整其子控件的位置，以适应不同的屏幕尺寸。`Form`组件支持多种数据绑定技术，使得数据收集和验证过程变得更加简单和高效。 #### Flex内建的UI控件 ...

    flex组件详细介绍

    本篇将详细阐述Flex组件的使用及其核心概念，结合示例代码和组件效果图，帮助你快速上手。 一、Flex容器 在Flex布局中，父元素被称为Flex容器，通过设置`display`属性为`flex`或`inline-flex`，可以将其转换为Flex...

    Flex 组件全屏的组件

    这个是我一直在用的针对于组件全屏的一个类，这里是页面上的某个组件全屏，而不是整个页面全屏。 这是原始的库了，里面少了一个针对按下ESC键的处理，这个在使用的时候可以自己加，另外一个问题就是由于这个库是FLEX...

    flex组件

    标题中的“flex组件”指的是在前端开发中广泛使用的Flex布局技术。Flex布局，全称Flexible Box，是一种用于处理容器中子元素布局的CSS3模块。它允许开发者在不同尺寸的设备上灵活地调整元素的大小和位置，尤其适用于...

    flex suggestion组件（支持拼音）自动提示，自动补全

    "flex suggestion组件（支持拼音）自动提示，自动补全"是一种常见的功能，它极大地提高了用户输入的效率，尤其对于中文输入场景更为实用。这个组件的设计灵感可能来源于百度搜索等常见搜索引擎的搜索框功能，它能够...

    flex组件使用文档

    - **自动调整**：布局容器支持自动调整子组件的位置和大小，这使得界面在不同屏幕尺寸下也能保持良好的布局效果。 #### 六、最佳实践 - **代码分离**：为了提高代码的可维护性和可读性，建议将逻辑代码与UI代码...

    Flex的组件

    5. **数据绑定** - Flex支持数据绑定，这使得组件的属性可以自动与数据模型同步。例如，一个文本框的值可以与后台数据库字段进行绑定。 至于标签“源码”，这可能意味着在学习Flex组件时，我们需要查看和理解源代码...

    Flex各自定义组件事件通讯例子

    2. 组件属性：定义组件的属性，用于设置和获取组件的状态，例如在登录组件中，可能有username和password属性。 3. 组件方法：实现组件的具体功能，如validateUser()方法，用于验证用户名和密码是否正确。 4. 皮肤...

    flex组件时间轴组件

    在本文中，我们将深入探讨“Flex组件时间轴”，这是一种在现代Web开发中广泛使用的界面元素。Flex组件时间轴主要用于组织和展示按照时间顺序排列的数据，它在各种项目中都有着重要的应用，尤其对于需要呈现时间序列...

    【完美翻译】Flex组件的生命周期

    - **draw()**：虽然Flex不提供直接的draw()方法，但在这个阶段，组件的绘图操作会由Flex框架自动完成。开发者可以通过重写paint()方法进行自定义绘制。 5. **初始化阶段**： - **initialize()**：组件的初始化...

    Flex 保存组件至本地

    在Flex开发中，有时我们需要将用户界面或者特定的组件（如图表）保存为图像文件，以便用户可以离线查看或进一步处理。这个过程涉及到的技术主要包括组件渲染、图像处理和文件保存。下面我们将深入探讨如何在Flex中...

    flex 重写组件

    1. **解决业务需求**：当现有Flex组件的功能或样式不足以满足项目的特殊需求时，如自定义一个按钮组件以支持长文本自动换行的功能，就需要对其进行重写。 2. **模块化设计**：为了提高代码的复用性和维护性，开发者...

    flex组件，功能强大的下拉框

    Flex组件是一种广泛应用于前端开发中的布局工具，尤其在构建响应式和可自适应的用户界面时，它能提供强大的灵活性。在本项目中，我们关注的是一个特定的Flex组件——"功能强大的下拉框"。这个自编的Flex下拉框组件...

    Flex 分页组件,flex自定义组件

    Flex分页组件是一种在Flex应用程序中用于展示大量数据并分批加载的重要工具。它通过将大量数据分成小块，每次只加载一部分，提高了用户界面的响应速度和用户体验。本组件适用于那些需要显示大量数据，如表格、列表...

    Flex 组件边框线样式

    Flex组件边框线样式是前端开发中的一种设计技术，它主要应用于创建具有清晰边框的UI元素，使得用户界面更加美观且易于理解。在Flex框架中，边框线的样式可以自定义，以满足不同场景下的设计需求。下面将详细讨论Flex...

    flex组件的所有源文件

    Flex组件是一种广泛应用于Web开发中的布局工具，尤其在创建响应式设计时，它能帮助开发者构建灵活、可自适应不同屏幕尺寸的用户界面。在Web前端开发领域，Flex布局（也称为Flexbox）已经成为现代CSS布局的标准，它...

    flex 组件关系图

    flex 组件关系图，让你了解所有组件之前的关系。

    支持手动拖拽缩放flex组件的组件

    在给定的标题“支持手动拖拽缩放flex组件的组件”中，我们可以推断出这是一个专门针对Flex环境设计的组件，它允许用户通过手动拖拽和缩放操作来调整Flex应用中的组件大小。 描述中提到的“com.janisRadins.zip”很...

    Flex中利用IFrame解决嵌入HTML时Flex组件被遮挡和IFrame被隐藏的问题

    解决这个问题的关键在于调整Z-index，即设置IFrame和Flex组件的层级关系。在Flex中，可以为每个组件设置`includeInLayout`属性和`zIndex`属性来控制它们在堆叠顺序中的位置。确保菜单组件的`zIndex`值高于IFrame，使...

Magicbox
Global site tag (gtag.js) - Google Analytics