javascript - 光标位于文本框末尾时自动对焦

Question

我想将自动对焦放在 html 文本框上，使光标指向文本框中已存在的某些文本的末尾。我知道 autofocus 属性的作用。我也看到了put cursor at end of text input's value它回答了如何将光标放在最后，但是文本框在页面重新加载时不会自动聚焦。我怎样才能做到这两点 - 在页面重新加载时自动聚焦文本框并将光标放在文本末尾？

Code : 

 <textarea id="txtArea" style="width:106%; height:100px" align="center" name="task1" onkeypress="onTestChange();" onfocus="this.value = this.value;" autofocus ><?php echo $_GET["task"];?></textarea>

我想在文本回显后放置 Cursor。它不是文本区域的值。

另外，我提到的文本框是 Textarea。

Answer 1

请使用此代码并在您的浏览器中运行

$(document).ready(function() {
  
    var input = $("#test");
    var len = input.val().length;
    input[0].focus();
    input[0].setSelectionRange(len, len);

});

<input type="text" id="test" autofocus value="value text" />