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

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

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

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

Code:

1. this.view.userNameTextInput.setFocus();  

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

Code:

1. <script type="text/javascript">   
2. function onFlexInitialized()   
3. {   
4.    //alert("onFlexInitialized");   
5.     <!-- Force the browser to set flex app with focus -->   
6.     document.getElementById("${application}").focus();   
7. }   
8. </script>   

接下来捕获应用程序的完成事件并调用我们建立的JS方法-我把Flex 3和4的用到的代码都写了出来：

Code:

1. /**  
2. * Constructor.  
3. */  
4. public function AppController()   
5. {   
6.         FlexGlobals.topLevelApplication.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 4   
7.         //Application.application.addEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 3   
8. }   
9. /**  
10. * Handles the application complete event.  
11. */  
12. protected function onAppComplete(e:FlexEvent):void  
13. {   
14.         FlexGlobals.topLevelApplication.removeEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 4   
15.         //Application.application.removeEventListener(FlexEvent.APPLICATION_COMPLETE, onAppComplete); // Flex 3   
16.         if(ExternalInterface.available)   
17.         {   
18.                 ExternalInterface.call("onFlexInitialized");   
19.         }   
20. }   

这样就完成了。再次重申，这方法不适用于Safari和Chrome。这里是两个浏览器bug的缺陷日志-Chrome, Safari