input输入框光标如何能一直在文本后面？

Question

项目有一个模拟键盘，用模拟键盘输入后光标一直都在文本前面没有移动。
如何能让光标一直在文本后面呢，因为可能模拟键盘和键盘都可能会用到，用键盘输入光标会移动，模拟键盘不会。有什么解决办法吗？

Answer 1

使用 input 的 setSelectionRange 方法即可，设置起始位置相同就行了

input.focus();
input.setSelectionRange(input.value.length-1, input.value.length-1);

Answer 2

既然是模拟，输入框里面套一个 span，span宽度为0
输入的内容放到这个 span 前面，span 的左边框设一个 transition 就好了