Establecer la selección de textarea en Internet Explorer

Question

Estoy buscando una forma de establecer una selección en un área de texto en Internet Explorer. En otros navegadores, esto funciona muy bien:

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

En IE, supongo que tengo que usar createRange y ajustar la selección de alguna manera, pero no puedo encontrar la manera.

Puntos extra de bonificación por un enlace a una documentación adecuada sobre createRange y métodos asociados, MSDN no está ayudando mucho.

Answer 1

Esto funciona para mí:

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

Enlaces de interés:

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

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

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

Answer 2

intento 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

Cuidado con los separadores de línea, mueva métodos * Los ven como un personaje, pero en realidad son dos - \ r \ n

Answer 4

Como ya se comentó, los métodos de movimiento ven los separadores de línea como un carácter (\n) en lugar de dos (\r\n). He ajustado la rutina para compensar eso:

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