`

Flex设置TextInput的默认焦点、切换焦点的例子

阅读更多
1、首先,在加载swf的页面上写下下面的代码,控制页面将焦点设置到swf上:

在嵌入SWF的html里面加入如下的功能:
<body onload="document.getElementById('swf id').focus()">
这句话的含义:当onload完毕后,自动设定SWF为焦点状态。

2、接着,制作swf:

其中swf加载完毕后,立即设置焦点到指定的输入框,另外还有两个按钮可以将光标设置到指定的输入框中。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application name="FocusManager_setFocus_test"
        xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white"
        creationComplete="init()">

    <mx:Script>
        <![CDATA[
            import mx.controls.Alert;
            
            private function init():void {
            	application.focusManager.setFocus(username);
            }

            private function submitButton_click(evt:MouseEvent):void {
                Alert.show(evt.currentTarget.label,
                            Object(focusManager.getFocus()).name);
            }

            private function resetButton_click(evt:MouseEvent):void {
                username.text = "";
                password.text = "";
                Alert.show(evt.currentTarget.label,
                            Object(focusManager.getFocus()).name);
            }
        ]]>
    </mx:Script>

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Set focus to Username"
                click="focusManager.setFocus(username);" />
        <mx:Button label="Set focus to Password"
                click="focusManager.setFocus(password);" />
    </mx:ApplicationControlBar>

    <mx:Form id="form"
            defaultButton="{submitButton}">
        <mx:FormItem label="Username:">
            <mx:TextInput id="username" />
        </mx:FormItem>
        <mx:FormItem label="Password:">
            <mx:TextInput id="password"
                    displayAsPassword="true" />
        </mx:FormItem>
        <mx:FormItem direction="horizontal"
                horizontalAlign="right"
                width="100%">
            <mx:Button id="submitButton"
                    label="Submit"
                    click="submitButton_click(event);" />
            <mx:Button id="resetButton"
                    label="Reset"
                    click="resetButton_click(event);" />
        </mx:FormItem>
    </mx:Form>

</mx:Application>


分享到:
评论

相关推荐

    Flex自定义TextInput(三个):金钱、非零开始数字、限制字符

    金钱TextInput:限制小数位为至多两位,不正确会有红色tag提示。 非零开始数字TextInput:网上的只能判断第一位不为零(00056是正确的),我的可以全判断(00056是错误的)。 限制字符TextInput(可以输入汉字):你...

    重写flex4的textinput控件

    可以设置控件里面显示的小数位数,通过restrict参数和小数位数动态控制,

    flex扩展的textinput(类似百度输入框文字匹配的效果)

    基于flex扩展的TextInput组件,可以实现输入文字后实现结果匹配,类似于百度输入框效果,默认最多匹配10条数据,可以修改源码实现自定义效果,功能比较简单,给需要的朋友吧,用法示例都在文件中,复杂的功能可以...

    flex实现Textinput下拉联想(AutoComplete)

    flex 实现Textinput下拉联想(AutoComplete),这个是支持4以上的版本的,网上有很多是4.0以下的版本的。

    Flex中TextInput组件设置限制某些字符的输入的方法

    在Flex中,TextInput组件是用来允许用户输入文本的界面元素,而restrict属性则用于限制用户输入的文本内容,从而达到控制用户输入的目的。restrict属性支持正则表达式,这使得它能够灵活地定义允许或禁止输入的特定...

    flex使用viewstack切换页面的例子

    综上所述,"flex使用viewstack切换页面的例子"展示了如何利用Flex 4的ViewStack组件创建多页面应用,通过编程或用户交互来切换不同视图,提供更好的用户导航体验。在实际开发中,理解并熟练运用这些知识点对于构建...

    一个Flex例子自动补全

    Flex例子Flex例子Flex例子Flex例子Flex例子Flex例子

    flex支持过滤的input

    1. **创建Input组件**:首先,我们需要在Flex项目中创建一个`TextInput`组件,用于用户输入查询字符。 ```xml &lt;fx:Component id="filterInput"&gt; &lt;s:TextInput id="searchInput" change="handleInputChange(event)...

    Flex + Java简单例子

    【Flex + Java简单例子】是关于使用Flex与Java进行跨域数据交互的一个基础教程,主要涉及Flex客户端和Java服务器端的配置与开发。这个例子旨在展示如何通过BlazeDS库在Flex前端和Java后端之间建立通信。 首先,我们...

    flex例子.flex源程序

    5. **Flex Framework**: Flex框架提供了一套丰富的预定义组件,如Button、TextInput、Canvas等,可以快速构建用户界面。 6. **数据绑定**: Flex支持双向数据绑定,使得视图和模型之间的同步变得简单,减少手动更新...

    flex中在同一界面实现切换效果

    在flex中在同一界面实现切换效果,代码简单,易懂。

    flex例子界面很好看

    例如,登录界面的MXML代码可能会包含`&lt;s:TextInput&gt;`和`&lt;s:PasswordInput&gt;`来创建输入字段,以及`&lt;s:Button&gt;`来创建登录按钮。同时,ActionScript作为Flex的脚本语言,用于处理用户交互、数据绑定和业务逻辑。开发者...

    flex 广告图片切换

    在前端开发中,"flex 广告图片切换" 是一种常见的设计模式,它利用 CSS3 的 Flexbox(弹性盒布局)来实现广告轮播图的效果。这种效果通常应用于网站的首页或者产品展示区域,用于吸引用户的注意力并展示多张重要的...

    flex例子

    在这个例子中,我们可能会看到一个Flex项目,它创建了一个HTTPService实例,设置了URL指向包含XML数据的服务器资源,然后监听HTTPService的result事件来处理返回的数据。 XML文件常用于数据交换,因为它具有平台...

    flex/bison c++的例子

    flex bison使用c++方式实现的例子 flex bison使用c++方式实现的例子

    FLEX登录注册 例子

    Flex提供了丰富的组件库,如Button、TextInput等,用于构建UI。登录注册过程通常涉及到事件监听,例如点击“登录”按钮时触发的`click`事件,用于发送登录请求。 6. **数据绑定**: Flex中的数据绑定机制允许UI...

    flex4.5httpservice实现搜狐焦点图新闻和特效按钮皮肤制作

    5. 在 Flex 应用程序中实例化该按钮,并将其与其他组件(如焦点图新闻)交互,例如点击按钮后切换焦点图。 通过这个项目,开发者可以深入理解 Flex 与服务器之间的数据交换,以及如何利用 Flex 的强大皮肤系统提升...

    FLEX 平移,缩放例子

    FFLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子FLEX 平移,缩放例子LEX 平移,缩放例子

    flex HttpService 入门例子

    简单的 flex HttpService例子,可供初学者参考

    Flex 两个小例子 Flex两个小例子

    在这个"Flex两个小例子"的资源包中,我们可以推测包含了一些使用Flex开发的示例项目。 首先,让我们详细了解一下Flex的核心组成部分: 1. **Flex SDK**:这是一个开源的开发工具包,包含了编译Flex应用程序所需的...

Global site tag (gtag.js) - Google Analytics