IE8 вставляет текст в проблему textarea

Question

У меня есть код для вставки тегов в textarea (для Internet Explorer).Но у меня проблема с IE8.Если текста много, и я пытаюсь вставить текст где-нибудь в конце - он прокручивается вверх.

Код:

<script type="text/javascript">
function bold()
{
    var text1 = document.getElementById('text1');
    var sel = '';
    if (document.selection) 
    {
        sel = document.selection.createRange();
        sel = sel.text;
    }
    if(sel)
    {
        text1.focus();
        document.selection.createRange().text = '<strong>' + sel + '</strong>';
    }
}
</script>

<textarea id="text1" rows="10" style="width:100%;"></textarea>
<br />
<input type="button" value="bold" onclick="bold();" />

Это происходит только в том случае, если я установил ширину в текстовое поле, поэтомуработает нормально с этой разметкой:

<textarea id="text1" rows="10" cols="80"></textarea>

Answer 1

Два варианта:

• Управляйте свойством scrollTop , чтобы переместить полосу прокрутки в конец:

  text1.scrollTop = text1.scrollHeight;

• Переместите курсор в нужное положение, используяметод moveStart () .