在Internet Explorer中設置textarea選擇

Question

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

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

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

鏈接到關於createRange和相關方法的適當文檔的額外獎勵點，MSDN幫助不大。在M個

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

moveStart（）：

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> 

相關鏈接SDN：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

謹防行分隔符的，將*方法把他們看成一個字符，但它們實際上是兩個 - \ r \ n

Answer 4

如已經評論的那樣，移動方法將行分隔符看作一個字符（\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(); 
     } 
    } 
}