`
wangcheng
  • 浏览: 1470831 次
  • 性别: 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应用程序加载时，通常不会有组件自动获得焦点。这在某些情况下可能不方便，比如我们需要一个应用程序一启动就能立即接收键盘输入。 ##### 2.1 问题描述 根据给定的部分内容，当Air启动后，虽然...

    flex3 自动提示控件

    在Flex3中，自动提示功能是为用户提供快速输入建议的一种交互方式，极大地提升了用户体验。这种功能通常用于搜索框、表单字段等，以帮助用户更有效地输入数据。 在Flex3中实现自动提示，主要是通过`AutoComplete`类...

    proTable组件ppt

    }，则会自动获取 data 下面的数据。 搜索初始化 ProTable 组件支持搜索初始化，默认情况下，搜索栏是收起的，可以通过配置 defaultCollapseSearch 属性来决定默认展开多少项或者是否全部展开。 表格列配置 Pro...

    详解小程序输入框闪烁及重影BUG解决方案

    如果input组件仅用于用户手动输入，不涉及自动填充或授权获取数据，可以选择弃用`v-model`。在父组件中，通过监听`@input`事件来更新数据。子组件中的input元素应使用`@input="$emit('input', $event)"`来触发父...

    CSS3响应式伸缩搜索框.zip

    在这个搜索框中，`:hover`可能用于在鼠标悬停时改变搜索图标的样式，`:focus`则用于在输入框获得焦点时显示完整搜索框。 4. **媒体查询（Media Queries）**：CSS3的媒体查询让我们可以根据设备的特定特性，如视口...

    登录

    6. **状态变化**：通过`:hover`、`:active`和`:focus`伪类，可以定义鼠标悬停、点击和获得焦点时元素的样式，增加交互反馈。 7. **动画效果**：CSS动画可以增强用户体验，例如，登录成功或失败时的提示信息可以用...

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