régler la sélection textarea dans Internet Explorer

Question

Je suis à la recherche d'un moyen de mis une sélection dans une zone de texte dans Internet Explorer. Dans d'autres navigateurs, cela fonctionne très bien:

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

Dans IE, je suppose que je dois utiliser createRange et ajuster la sélection en quelque sorte, mais je ne peux pas comprendre comment.

points bonus supplémentaires pour un lien vers une documentation appropriée sur createRange et méthodes associées, MSDN ne contribue pas à beaucoup.

Answer 1

Cela fonctionne pour moi:

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

Liens utiles:

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

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

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

Answer 2

Essayez avec

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

Méfiez-vous des séparateurs de ligne, déplacer des méthodes * les voient comme un caractère, mais ils sont en fait deux - \ r \ n

Answer 4

Comme déjà commenté les méthodes de déplacement voient les séparateurs de ligne comme un caractère (\n) au lieu de deux (\r\n). J'ai ajusté la routine pour compenser cela:

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