如何将光标放在textarea的开头

Question

我找到了一些关于如何将光标放在文本末尾的textarea中的资源，但是我无法理清一种简单的方法让它出现在开头。

我正在使用一些文本预填充textarea，并希望让用户更容易。

Answer 1

将对textarea的引用传递给此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(); 
    } 
}

Answer 2

根据您的需要，一个更简单的Javascript版本是：

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

您也不能只是将它们串在一起以摆脱双重查询选择器-不知道为什么。

Answer 3

jQuery方式：

$('textarea[name="mytextarea"]').focus().setSelectionRange(0,0);

Answer 4

请在使用$(textareaSelector).val(val)

后用于滚动文本区域

$(textareaSelector)[0].setSelectionRange(0, 0);
$(textareaSelector).focus();