Flex中如何利用focusIn和focusOut事件对表单中获得焦点的项目进行颜色高亮（highlight）显示的例子

本文转载自：http://www.51xflash.com/article/flex/201206/09-16499.html

正文内容如下：

接下来的例子演示了Flex中如何利用focusIn和focusOut事件，对表单中获得焦点的项目进行颜色高亮（highlight）显示。

<?xml version="1.0" encoding="utf-8"?> 
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
        layout="vertical" 
        verticalAlign="middle" 
        backgroundColor="white"> 
   
    <mx:Style> 
        FormItem {  
            paddingLeft: 4;  
            paddingRight: 4;  
            paddingTop: 4;  
            paddingBottom: 4;  
        }  
    </mx:Style> 
   
    <mx:Script> 
        <![CDATA[  
            private const BACKGROUND_COLOR:Object = "haloBlue";  
   
            private function formItem_focusIn(evt:FocusEvent):void {  
                var item:FormItem = FormItem(evt.currentTarget.parent);  
                item.setStyle("backgroundAlpha", 0.2);  
                item.setStyle("backgroundColor", BACKGROUND_COLOR);  
            }  
   
            private function formItem_focusOut(evt:FocusEvent):void {  
                var item:FormItem = FormItem(evt.currentTarget.parent);  
                item.setStyle("backgroundColor", null);  
            }  
        ]]> 
    </mx:Script> 
   
    <mx:Form> 
        <mx:FormItem label="First name:"> 
            <mx:TextInput id="firstName" 
                    focusIn="formItem_focusIn(event);" 
                    focusOut="formItem_focusOut(event);" /> 
        </mx:FormItem> 
        <mx:FormItem label="Last name:"> 
            <mx:TextInput id="lastName" 
                    focusIn="formItem_focusIn(event);" 
                    focusOut="formItem_focusOut(event);" /> 
        </mx:FormItem> 
    </mx:Form> 
   
</mx:Application>