Imposta selezione textarea in Internet Explorer

Question

Sto cercando un modo per impostare una selezione in un'area di testo in Internet Explorer. In altri browser, questo funziona bene:

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

In IE, suppongo devo usare createRange e regolare la selezione in qualche modo, ma non riesco a capire come.

Punti bonus extra per un collegamento a una documentazione corretta su createRange e metodi associati, MSDN non aiuta molto.

Answer 1

questo funziona per me:

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

Link utili:

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

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

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

Answer 2

Prova con

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

Attenzione ai separatori di linea, spostare i metodi * li vedono come un personaggio, ma sono in realtà due - \ r \ n

Answer 4

Come già commentato, i metodi di spostamento visualizzano i separatori di riga come un carattere (\n) anziché due (\r\n). Ho modificato la routine per compensare che:

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