如何保持textarea文本选择留在那里，即使它失去焦点

Question

我有这个功能来从textarea

获取所选文本

function getSelText(){
    var text = "";
    if(window.getSelection){
        text = window.getSelection();
    }
    else if(document.getSelection){
        text = document.getSelection();
    }
    else if(document.selection){
        text = document.selection.createRange().text;
    }
    return text;
} 

我的文档中有一个textarea和一个链接，如下所示

 <textarea id="txtarea2" cols="50" rows="10">This is Some Text</textarea>
 <a href="#" onclick="alert(getSelText())">Click Me</a>

当我从文档中选择任何文本（但不是从textarea中选择）并单击“Click Me”链接时，它会警告所选文本。但是当我从Textarea中选择文本并单击“Click Me”链接时，它会提醒“空”对话框 然后我试了

window.onmouseup = function() {
    alert(getSelText());
}

此功能会提醒我从文档中选择的值或从textarea中选择的值。所以，这意味着该功能是正确的。

现在，我想到了一个原因，当我从textarea中选择文本的任何部分并单击“Click Me”链接时，选择将从textarea中消失，但是当我从文档中选择任何文本并单击“点击我'链接选择保持在那里。可能是由于这个原因，它从textarea选择中提供空值，因为当我点击“Click Me”链接时选择会消失。你可以更好地分析一下。