【转自TICORE】【HOW TO 系列】讓 Flex 內不可選擇的文字超連結生效

在 Flash 內，不可選擇的 (unselectable) TextField 仍可保留 HTML 超連結功能但是 Flex 卻不行查文件上也有寫到 Label.selectable其實不光是 Label, Text 組件不行任何一個在 Flex App 下的 unselectable TextField 超連結都會失效這樣需要用到不可選擇的超連結文字時就很不方便

Flex 超連結失效測試程式：

   
   

    
    
 
      
     <? 
     xmlversion 
     = 
     " 
     1.0 
     " 
     encoding 
     = 
     " 
     utf-8 
     " 
     ?> 
     
 
     < 
     mx:Applicationxmlns:mx 
     = 
     " 
     http://www.adobe.com/2006/mxml 
     " 
     
fontSize 
     = 
     " 
     12 
     " 
     backgroundColor 
     = 
     " 
     #F0F0F0 
     " 
     > 
     
 
     < 
     mx:Script 
     > 
     
 
     <! 
     [CDATA[
importflash.events. 
     * 
     ;
importmx.managers.FocusManager;

 
     public 
     functiononTxtLink(evtObj:Event): 
     void 
     ... 
     {
textArea.text+=evtObj+" ";
} 
     
]] 
     > 
     
 
     </ 
     mx:Script 
     > 
     
 
     < 
     mx:Labelselectable 
     = 
     " 
     false 
     " 
     link 
     = 
     " 
     onTxtLink(event) 
     " 
     > 
     
 
     < 
     mx:htmlText 
     > 
     
 
     <! 
     [CDATA[FlexLabel: 
     < 
     ahref 
     = 
     ' 
     event:linkEvent 
     ' 
     > 
     LinkEventText 
     </ 
     a 
     > 
      
     | 
     ]] 
     > 
     
 
     <! 
     [CDATA[ 
     < 
     ahref 
     = 
     ' 
     http://ticore.blogspot.com 
     ' 
     target 
     = 
     ' 
     _blank 
     ' 
     > 
     Ticore 
     ' 
     sBlog</a>]]> 
     
 
      
     </ 
     mx:htmlText 
     > 
     
 
     </ 
     mx:Label 
     > 
     

 
     < 
     mx:Textselectable 
     = 
     " 
     false 
     " 
     link 
     = 
     " 
     onTxtLink(event) 
     " 
     > 
     
 
     < 
     mx:htmlText 
     > 
     
 
     <! 
     [CDATA[FlexText: 
     < 
     ahref 
     = 
     ' 
     event:linkEvent 
     ' 
     > 
     LinkEventText 
     </ 
     a 
     > 
      
     | 
     ]] 
     > 
     
 
     <! 
     [CDATA[ 
     < 
     ahref 
     = 
     ' 
     http://ticore.blogspot.com 
     ' 
     target 
     = 
     ' 
     _blank 
     ' 
     > 
     Ticore 
     ' 
     sBlog</a>]]> 
     
 
      
     </ 
     mx:htmlText 
     > 
     
 
     </ 
     mx:Text 
     > 
     

 
     < 
     mx:Buttonlabel 
     = 
     " 
     ClearLog 
     " 
     click 
     = 
     " 
     textArea.text=''; 
     " 
      
     /> 
     
 
     < 
     mx:TextAreaid 
     = 
     " 
     textArea 
     " 
     width 
     = 
     " 
     100% 
     " 
     height 
     = 
     " 
     100% 
     " 
      
     /> 
     
 
     </ 
     mx:Application 
     > 
    
   
   

於是花了不少力氣去追蹤原因
終於發現是 Flex 內的 FocusManager 刻意攔截下 unselectable TextField Focus 事件
這也間接造成超連結失效

既然知道問題是出在 FocusManager 上
問題就比較好處理了
以下是變通方式，讓 FocusManager 短暫失效一下~

   
   

    
    
 
      
     <? 
     xmlversion 
     = 
     " 
     1.0 
     " 
     encoding 
     = 
     " 
     utf-8 
     " 
     ?> 
     
 
     < 
     mx:Applicationxmlns:mx 
     = 
     " 
     http://www.adobe.com/2006/mxml 
     " 
     
fontSize 
     = 
     " 
     12 
     " 
     backgroundColor 
     = 
     " 
     #F0F0F0 
     " 
     > 
     
 
     < 
     mx:Script 
     > 
     
 
     <! 
     [CDATA[
importflash.events. 
     * 
     ;
importmx.managers.FocusManager;

 
     public 
     functiononTxtLink(evtObj:Event): 
     void 
     ... 
     {
textArea.text+=evtObj+" ";
} 
     
]] 
     > 
     
 
     </ 
     mx:Script 
     > 
     
 
     < 
     mx:Labelselectable 
     = 
     " 
     false 
     " 
     link 
     = 
     " 
     onTxtLink(event) 
     " 
     
rollOver 
     = 
     " 
     focusManager.deactivate() 
     " 
     rollOut 
     = 
     " 
     focusManager.activate() 
     " 
     > 
     
 
     < 
     mx:htmlText 
     > 
     
 
     <! 
     [CDATA[FlexLabel: 
     < 
     ahref 
     = 
     ' 
     event:linkEvent 
     ' 
     > 
     LinkEventText 
     </ 
     a 
     > 
      
     | 
     ]] 
     > 
     
 
     <! 
     [CDATA[ 
     < 
     ahref 
     = 
     ' 
     http://ticore.blogspot.com 
     ' 
     target 
     = 
     ' 
     _blank 
     ' 
     > 
     Ticore 
     ' 
     sBlog</a>]]> 
     
 
      
     </ 
     mx:htmlText 
     > 
     
 
     </ 
     mx:Label 
     > 
     

 
     < 
     mx:Textselectable 
     = 
     " 
     false 
     " 
     link 
     = 
     " 
     onTxtLink(event) 
     " 
     
rollOver 
     = 
     " 
     focusManager.deactivate() 
     " 
     rollOut 
     = 
     " 
     focusManager.activate() 
     " 
     > 
     
 
     < 
     mx:htmlText 
     > 
     
 
     <! 
     [CDATA[FlexText: 
     < 
     ahref 
     = 
     ' 
     event:linkEvent 
     ' 
     > 
     LinkEventText 
     </ 
     a 
     > 
      
     | 
     ]] 
     > 
     
 
     <! 
     [CDATA[ 
     < 
     ahref 
     = 
     ' 
     http://ticore.blogspot.com 
     ' 
     target 
     = 
     ' 
     _blank 
     ' 
     > 
     Ticore 
     ' 
     sBlog</a>]]> 
     
 
      
     </ 
     mx:htmlText 
     > 
     
 
     </ 
     mx:Text 
     > 
     

 
     < 
     mx:Buttonlabel 
     = 
     " 
     ClearLog 
     " 
     click 
     = 
     " 
     textArea.text=''; 
     " 
      
     /> 
     
 
     < 
     mx:TextAreaid 
     = 
     " 
     textArea 
     " 
     width 
     = 
     " 
     100% 
     " 
     height 
     = 
     " 
     100% 
     " 
      
     /> 
     
 
     </ 
     mx:Application 
     > 
    
   
   

Online Demo：

張貼者： {id: "Ticore"}; // 位於 4/21/2008 07:38:00 下午