Установить выбор текстового поля в Internet Explorer

Question

Я ищу способ набор выбор в текстовом поле в обозревателе Internet Explorer. В других браузерах, это работает просто отлично:

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

В IE, я предполагаю, что я должен использовать createRange и настроить выбор так или иначе, но я не могу понять, каким образом.

Дополнительные бонусные баллы за ссылку на соответствующую документацию о createRange и связанных с ней методах, MSDN не очень помогает.

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> 

Полезные ссылки:

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

moveStart() в точке М SDN: 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

Попробуйте с

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

Остерегайтесь разделители строк, перемещение * методы рассматривают их как один символ, но они на самом деле два - \ г \ 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(); 
     } 
    } 
}