加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

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

发布时间:2020-12-15 04:33:36 所属栏目:百科 来源:网络整理
导读:默认情况下,一个浏览器里的Flex应用不能在加载时获取焦点。当一个应用开始启动,假设在里面有个login界面并希望用户名的输入框拥有焦点,就会特别让人沮丧。幸好,用一些简单的JavaScript语句可以办到。 ? ?? ?注意:这不能用在Safari,Chrome或其它使用Webk

默认情况下,一个浏览器里的Flex应用不能在加载时获取焦点。当一个应用开始启动,假设在里面有个login界面并希望用户名的输入框拥有焦点,就会特别让人沮丧。幸好,用一些简单的JavaScript语句可以办到。
? ?? ?注意:这不能用在Safari,Chrome或其它使用Webkit的浏览器中。如果你用的IE和Firefox则没问题。
为了示范,让我们假设我们需要用户名的输入框在Flex app加载的时候获得焦点。
? ?? ?首先,设置聚焦到用户名输入区 - 假设一个ViewMediator是这样做的:

this.view.userNameTextInput.setFocus();

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

  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>

protected function onAppComplete(e:FlexEvent):void

  • ? ? ? ? FlexGlobals.topLevelApplication.removeEventListener(FlexEvent.APPLICATION_COMPLETE,onAppComplete); // Flex 4
  • ? ? ? ? if(ExternalInterface.available)
  • ? ? ? ? {
  • ? ? ? ? ? ? ? ? ExternalInterface.call("onFlexInitialized");
  • ? ? ? ? }
  • }
  • 再次重申,这方法不适用于Safari和Chrome。这里是两个浏览器bug的缺陷日志

    (编辑:李大同)

    【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

      推荐文章
        热点阅读