在Internet Explorer中設置textarea選擇

Question

我正在尋找一種在Internet Explorer中的textarea中設置選擇的方法。 在其他瀏覽器中，這很好用：

textarea.selectionStart = start;
textarea.selectionEnd = end;

在IE中，我假設我必須使用createRange並以某種方式調整選擇，但我無法弄清楚如何。

對於關於createRange和相關方法的正確文檔的鏈接的額外獎勵積分，MSDN沒有多大幫助。

Answer 1

這對我有用：

<textarea id="lol">
noasdfkvbsdobfbgvobosdobfbgoasopdobfgbooaodfgh
</textarea>

<script>
var range = document.getElementById('lol').createTextRange();
range.collapse(true);
range.moveStart('character', 5);
range.moveEnd('character', 10);
range.select();
</script>

有用的鏈接：

• http://help.dottoro.com/ljlwflaq.php
• http://www.webreference.com/programming/javascript/ncz/
• http://www.quirksmode.org/dom/range_intro.html

在MSDN上的moveStart（）： http ： //msdn.microsoft.com/en-us/library/ms536623%28VS.85%29.aspx

在MSDN上的moveEnd（）： http ： //msdn.microsoft.com/en-us/library/ms536620%28VS.85%29.aspx

Answer 2

試試吧

function select(e, start, end){
     e.focus();
     if(e.setSelectionRange)
        e.setSelectionRange(start, end);
     else if(e.createTextRange) {
        e = e.createTextRange();
        e.collapse(true);
        e.moveEnd('character', end);
        e.moveStart('character', start);
        e.select();
     }
}
select(document.getElementById('textarea_id'), 5, 10);

Answer 3

正如已經注釋的那樣，移動方法將行分隔符視為一個字符（ \\n ）而不是兩個（ \\r\\n ）。 我調整了例行程序以彌補這一點：

function select(el, start, end) {
    el.focus();

    if (el.setSelectionRange) { 
        el.setSelectionRange(start, end);
    } 
    else { 
        if(el.createTextRange) { 
            var normalizedValue = el.value.replace(/\r\n/g, "\n");

            start -= normalizedValue.slice(0, start).split("\n").length - 1;
            end -= normalizedValue.slice(0, end).split("\n").length - 1;

            range=el.createTextRange(); 
            range.collapse(true);
            range.moveEnd('character', end);
            range.moveStart('character', start); 
            range.select();
        } 
    }
}

Answer 4

謹防行分隔符，move *方法將它們視為一個字符，但它們實際上是兩個 - \\ r \\ n