2.14.處理focusIn和focusOut事件

2024-04-27 13:51:47

字體：大中小

來源：轉載

供稿：網友

2.14.1. 問題
我想要在用戶聚焦在一個標簽上時，顯示一個彈出窗口，并且當用戶離開聚焦的時候關閉這個彈出窗口。
2.14.2. 解決辦法
使用focusIn 和focusOut 事件（在InteractiveObject 類的子類的所有實例都可用）來調用PopUpManager 相關的方法。
2.14.3. 討論
在用戶聚焦時啟動一個窗口，你可以重用前兩節的代碼。不過就是把彈出窗口的啟動從用戶點擊LInkButton 切換到通過focusIn 事件來創建而已。組件接受到聚焦的時候就會發布focusIn 事件，例如當用戶按tab 切換到組件上或者點擊了它。focusIn 事件的處理代碼只需要在之前章節的內容添加一點：

-ActionScript

systemManager.removeFocusManager(IFocusManagerContainer(popup))

對應的上下文：

-XML

<mx:Application
xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute">
<mx:Canvas horizontalCenter="0" verticalCenter="0">
<mx:LinkButton id="lbl" label="Top" x="100" y="10"
focusIn="showDetail(event)" focusOut="closePopUp()"/>
<mx:LinkButton label="Left" x="10" y="100"
focusIn="showDetail(event)" focusOut="closePopUp()"/>
<mx:LinkButton label="Bottom" x="100" y="200"
focusIn="showDetail(event)" focusOut="closePopUp()"/>
<mx:LinkButton label="Right" x="200" y="100"
focusIn="showDetail(event)" focusOut="closePopUp()"/>
<mx:Canvas width="100" height="100" x="125" y="40"
backgroundColor="#ff0000" rotation="45">
</mx:Canvas>
</mx:Canvas>
<mx:Script>
<![CDATA[
import mx.managers.IFocusManagerContainer;
import mx.managers.PopUpManager;
private const POPUP_OFFSET:int = 10;
private var popup:CustomPopUp;
private function showDetail(evt:FocusEvent):void {
// create the popup
popup =
CustomPopUp(PopUpManager.createPopUp(this,CustomPopUp,false));
popup.message = "This is the detail for " +
evt.target.label;
// position the popup
var pt:Point = new Point(0, 0);
pt = evt.target.localToGlobal(pt);
popup.x = pt.x + POPUP_OFFSET;
popup.y = pt.y + evt.target.height + POPUP_OFFSET;
systemManager.removeFocusManager(IFocusManagerContainer(popup))
}
private function closePopUp():void {
PopUpManager.removePopUp(popup);
}

]]>
</mx:Script>
</mx:Application>