手动 focus 输入框后，如何将输入游标移动（定位）到输入框现有值的末尾

如果输入框内有值，直接使用HTMLInputElement自身的focus方法，会聚焦，但游标是处于默认的起始位置（如下图示例代码及图片）：

const input = document.querySelector('._lng-input');
input.focus();

 

处理方案 -- 兼容性好的Hack代码：

const input = document.querySelector('._lng-input');
const value = input.value;
input.value = '';
input.focus();
input.value = value;

// 思路比较简单，就是先聚焦，再赋值

效果图示：

 

另一种处理方案是HTML5的Selection 方案，这里不做介绍（可以文心或者GPT）