首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 媒体动画 > flex >

设立Flex在加载应用的时候获取焦点

2012-10-14 
设置Flex在加载应用的时候获取焦点默认情况下,一个浏览器里的Flex应用不能在加载时获取焦点。当一个应用开

设置Flex在加载应用的时候获取焦点
默认情况下,一个浏览器里的Flex应用不能在加载时获取焦点。当一个应用开始启动,假设在里面有个login界面并希望用户名的输入框拥有焦点,就会特别让人沮丧。幸好,用一些简单的JavaScript语句可以办到。

注意:这不能用在Safari, Chrome或其它使用Webkit的浏览器中。如果你用的IE和Firefox则没问题。为了示范,让我们假设我们需要用户名的输入框在Flex app加载的时候获得焦点。

首先,设置聚焦到用户名输入区 - 假设一个ViewMediator是这样做的:

Code:
this.view.userNameTextInput.setFocus();  
创建一个JavaScript来设置浏览器的焦点为你的Flex应用。在你的Flex project里的index.template.html文件里创建这个方法-只需要放在文件底部的closing HTML tag之前:

Code:/**   * Constructor.   */   public function AppController()    {            FlexGlobals.topLevelApplication.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 4            //Application.application.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 3    }    /**   * Handles the application complete event.   */   protected function onAppComplete(e:FlexEvent):void   {            FlexGlobals.topLevelApplication.removeEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 4            //Application.application.removeEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 3            if(ExternalInterface.available)            {                    ExternalInterface.call("onFlexInitialized");            }    }    
这样就完成了。再次重申,这方法不适用于Safari和Chrome。这里是两个浏览器bug的缺陷日志-Chrome, Safari

热点排行