如何将输入框 cursor 放在文本末尾

Question

我想在按钮单击时在输入字段中添加一个数字，并在文本末尾设置 cursor position。 每次单击按钮时都会发生这种情况。

<input id="input"></input>
<button onclick="addnumber()">add</button>
addnumber(){

}

Answer 1

<input id="input"></input>
<button onclick="addnumber()">add</button>
    
<script>
    function addnumber() {
        const myInput = document.getElementById('input');
        const textLength = myInput.value.length;

        myInput.focus();
        myInput.setSelectionRange(textLength, textLength);
    }
</script>

Answer 2

 let input = document.getElementById('input') function addnumber() { input.value=69 input.focus() }

 <input id="input"> <button onclick="addnumber()">add</button>

Answer 3

JS代码：

let input = document.getElementById('input')
function addnumber() {
  input.focus(); 
  var val = this.input.value; 
  input.value = ''; 
  input.value = val;
}

HTML 代码：

  <input id="input">
  <button onclick="addnumber()">add</button>