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

最新推荐文章于 2024-07-12 15:11:33 发布

最新推荐文章于 2024-07-12 15:11:33 发布 · 336 阅读

文章标签：

#Flex #XML #HTML

Felx开发技术总结专栏收录该内容

21 篇文章

订阅专栏

本文介绍了一种在加载SWF文件后自动设置焦点的方法。通过在HTML页面中使用特定代码确保SWF获得焦点，并在SWF内部通过ActionScript实现加载完成后自动聚焦到特定输入框的功能。此外，还提供了两个按钮用于手动切换焦点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、首先，在加载swf的页面上写下下面的代码，控制页面将焦点设置到swf上：

在嵌入SWF的html里面加入如下的功能：
<body οnlοad="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>