Flash TextField selectable bug block TextEvent.Link solution

时间：2017-04-24 17:18:08 阅读：186 评论：0 收藏：0 [点我收藏+]

标签：listen function lan and whether class check hyper href

There is an old version Felx SDK bug(in my case it‘s Flex SDK v3.3.0.4852) that when TextField.selectable is set to false, link event on the textfield will be blocked. So if you have added html text including a link into the textfield, e.g.:

var textField:TextField = new TextField();  
textField.htmlText = "This is a testing message. <a href=‘event:clickHandler‘>Click</a> to see more.";  
textField.selectable = false;

Then when you click "Click", it will not trigger "clickHandler" function. This will also happen when the anchor‘s href value is a URL, e.g.:

var textField:TextField = new TextField();  
textField.htmlText = "This is a testing message. <a href=‘http://www.google.com‘ target=‘_blank‘>Click</a> to see more.";  
textField.selectable = false;

When click "Click", browser will not open the Google page in a new tab. But you can actually right click on the link and select "Open" to open it.

The previous two situations are both caused by selectable property set to false using Flex SDK 3.3.0.4852. I have three solutions to fix this:

1. Set selectable to true;

2. Change Flex SDK to newly version;

3. Register event listener to handle click event;

The first two solutions are simple, I‘ll give some more details on the third solution which will not change selectable attribute nor SDK. The main idea is register MouseClick event on the textfield, when user click the text, check whether the position is on the link. If the mouse click is on the link text, use "navigateToURL" function to open the link.

1. New a TextField object and set accordingly:

var textField:TextField = new TextField();  
textField.htmlText = "Testing message. <a href=‘http://www.google.com‘ target=‘_blank‘>Click</a> to see more.";  
textField.selectable = false;  
var textFmtLink:TextFormat = new TextFormat();  
formatter.color = "0x3366BB";  
formatter.underline = true;

2. Use "formatFieldLinkText" function to formate the link text and register event listener to handle click event:

    formatFieldLinkText(textField, textFmtLink);  
  
   protected function formatFieldLinkText(textField:TextField, linkFormat:TextFormat):void  
　{  
    var fieldText:String = textField.text;  
    var textFormat:TextFormat = textField.getTextFormat();  
    var formatedText:String = "";  
    var linkObjArray:Array = [];  
     
    var textArray:Array = fieldText.split(/(<a\s[^>]+>.+?<\/a>)/gi );  
    var linkTextPattern:RegExp = new RegExp("(?i)[^>]*(?=</a>)" );  
    var linkUrlPattern:RegExp = /href\s*=\s*[‘"]([^‘"]+)[‘"]/i;  
    var linkTargetPattern:RegExp = /target\s*=\s*[‘"]([^‘"]+)[‘"]/i ;  
    for (var i:int = 0; i < textArray.length; i++)  
    {  
        //plain text  
        if (textArray[i].toString().search(/(<a\s[^>]+>.+?<\/a>)/gi )==-1)  
        {  
            formatedText+=textArray[i].toString();  
            continue;  
        }  
         
        var linkText:String = linkTextPattern.exec(textArray[i]);  
        // check if linkText is blank  
        if (isBlank(linkText))  
        {  
            return;  
        }  
        var linkUrl:Array = linkUrlPattern.exec(textArray[i]);  
        var linkTarget:Array = linkTargetPattern.exec(textArray[i]);  
        if (linkUrl==null)  
        {  
            return;  
        }  
        var linkObj:Object = new Object();  
        linkObj.href = linkUrl== null?"" :linkUrl[1];  
        linkObj.target = linkTarget== null?"" :linkTarget[1];  
        linkObj.linkBegin = formatedText.length;  
        linkObj.linkEnd = formatedText.length + linkText.length;  
        linkObjArray.push(linkObj);  
         
        formatedText+=linkText;  
         
        textField.addEventListener(MouseEvent.CLICK, hyperLinkClicked);  
    }  
    textField.text = formatedText;  
    textField.setTextFormat(textFormat);  
    for (var j:int = 0; j < linkObjArray.length; j++)  
    {  
        textField.setTextFormat(linkFormat, linkObjArray[j].linkBegin, linkObjArray[j].linkEnd);  
    }  
     
    var href:String = "";  
    var target:String = "";  
    function hyperLinkClicked (e:MouseEvent):void  
    {  
        var idx:int = e.currentTarget.getCharIndexAtPoint(e.localX, e.localY);  
        if (posOnLink(idx))  
        {  
            var request:URLRequest = new URLRequest(href);  
            navigateToURL(request, target);  
        }  
    }  
     
    // can optimize the search method  
    function posOnLink(idx:int):Boolean  
    {  
        for (var k:int = 0; k < linkObjArray.length; k++)  
        {  
            if (idx >= linkObjArray[k].linkBegin && idx < linkObjArray[k].linkEnd)  
            {  
                href = linkObjArray[k].href;  
                target = linkObjArray[k].target;  
                return true ;  
            }  
        }  
        return false ;  
    }  
}

（本文系从原博客迁移至此，并进行部分编辑。原文链接：http://thewaychung.iteye.com/blog/1974209）

Flash TextField selectable bug block TextEvent.Link solution

标签：listen function lan and whether class check hyper href

原文地址：http://www.cnblogs.com/ethanzhong/p/6757624.html

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行