默认情况下,一个浏览器里的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:
<script type="text/javascript">
function onFlexInitialized()
{
//alert("onFlexInitialized");
<!-- Force the browser to set flex app with focus -->
document.getElementById("${application}").focus();
}
</script>
接下来捕获应用程序的完成事件并调用我们建立的JS方法-我把Flex 3和4的用到的代码都写了出来:
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
分享到:
相关推荐
flexBulider页面加载动态图片的显示
很详细的实现了flex游戏的预加载,可以使用图片,也可以重绘技术,任你选择
Flex中加载SWF方法,介绍了flex 对 swf 加载和处理
flex自定义的预加载进度条动画的一个demo,非常使用。
flex arcgis 加载天地图2.0地图源码
Flex自定义加载条的一个小示例。里面有readMe文本
利用flex开发web时,需要加载html,附件中时采用flex3做的示例。
y="20"> x="20" dataProvider="{loadingxml}" y="10" height="400" width="394" labelField="@label" itemClick="tree_itemClick(event);... itemOpening="tree_itemOpening(event);...
Flex获取设置html cookie;Flex获取设置html cookie
flex flex flex flex flex
Flex实时加载Skin,flex 方法,技巧
《Flex企业应用开发实战》共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用必须掌握的基础知识和核心元素;接着剖析了Flex与Java的通信机制,以及Flex...
flex 动态加载css文件方法总结,增加flex的界面美化效果。简单易懂,易操作。
《Flex企业应用开发实战》全书共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用必须掌握的基础知识和核心元素;接着剖析了Flex与Java的通信机制,以及...
flex动态加载css实例flex动态加载css实例flex动态加载css实例
Flex加载进度流程图以及说明文字,通过它可以粗线条体了解Flex工程师的设计思路。
Flex之URLLoader加载XML 使用URLLoader加载XML
Flex 延迟加载 问题说明 处理 实现
flex自定的加载进度条,替换flex Application的preloader。
Flex加载GIF动画处理类 ,Flex加载GIF动画处理类 ,Flex加载GIF动画处理类