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

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

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

3 ответов


передайте ссылку на текстовую область этой функции 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(); 
    } 
}

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

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

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


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

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