javascript - 在输入字符时扩展输入类型文本的更优雅的方式

Question

所以我按照这个例子How to make input type text auto-expand also set specific width expand.它工作正常，但存在一些问题。

1. 如果你用大写字母书写，那么输入没有分配足够的空间，它最终再次隐藏在输入中
2. 在文本输入扩展的早期阶段，文本有点小故障(在出现在同一个地方之前短暂地向左收缩)。是否可以删除它？
3. 如果您全部用小型大写字母书写，那么末尾的剩余空间太多

示例:https://jsfiddle.net/daw3ah0L/

两个例子都有相同数量的“字母”。

在第一个input 例子中，它不适合尺寸。

在第二个 input 示例中，有一些剩余空间。

最后，实际测量的尺寸是多少？ px, em?

Answer 1

听起来您的大部分问题都是由字体引起的。输入时使用等宽字体。