Set textarea Auswahl in Internet Explorer

Question

Ich bin auf der Suche nach einem Weg zu eine Auswahl in einem Textfeld in Internet Explorer. In anderen Browsern funktioniert das ganz gut:

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

In IE, ich nehme an, ich habe createRange zu verwenden und die Auswahl irgendwie einstellen, aber ich kann nicht herausfinden, wie.

Zusätzliche Bonuspunkte für einen Link zu einer richtigen Dokumentation über createRange und zugehörige Methoden, MSDN hilft nicht viel.

Answer 1

Dies funktioniert für mich:

<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> 

Nützliche Links:

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

moveStart() bei M SDN: http://msdn.microsoft.com/en-us/library/ms536623%28VS.85%29.aspx

MoveEnd() bei MSDN: http://msdn.microsoft.com/en-us/library/ms536620%28VS.85%29.aspx

Answer 2

Versuchen mit

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

von Zeilenseparatoren Vorsicht, bewegen * Methoden sie als ein Zeichen zu sehen, aber sie sind eigentlich zwei - \ r \ n

Answer 4

Wie bereits erwähnt, sehen die move-Methoden die Zeilentrennzeichen als ein Zeichen (\n) anstelle von zwei (\r\n). Ich habe die Routine angepasst, um das zu kompensieren:

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(); 
     } 
    } 
}