Как разместить курсор в начале текстовой области - PullRequest
Новая
       23

Как разместить курсор в начале текстовой области

9 голосов
/ 26 августа 2009

Я нашел пару ресурсов о том, как поместить курсор в текстовое поле в конце текста, но я не могу разобраться в простом способе его отображения в начале.

Я заранее заполнил текстовую область некоторым текстом и просто хочу упростить его для пользователей.

Ответы [ 3 ]

15 голосов
/ 26 августа 2009

Передайте ссылку на текстовое поле этой функции JS. 

function resetCursor(txtElement) { 
    if (txtElement.setSelectionRange) { 
        txtElement.focus(); 
        txtElement.setSelectionRange(0, 0); 
    } else if (txtElement.createTextRange) { 
        var range = txtElement.createTextRange();  
        range.moveStart('character', 0); 
        range.select(); 
    } 
}
0 голосов
/ 28 августа 2018

В зависимости от ваших потребностей, более простая версия Javascript: 

document.querySelector("textarea").focus(); //set the focus - cursor at end
document.querySelector("textarea").setSelectionRange(0,0); // place cursor at start

Вы не можете просто связать их вместе, чтобы избавиться от двойного querySelector - не знаю почему.

0 голосов
/ 04 декабря 2016

Убраны пробелы между тегами
вот так: 

<textarea rows="5" cols="50" name="extra"></textarea>
...