Jquery 动态调整输入大小

我只是想知道如何在输入时动态调整输入大小

如果可能的话，我想使用jQuery&我宁愿它是一个小脚本，而不是一个庞大的插件

请让我知道，

---

马特·穆勒

我找到了这个轻便的。这是用于文本区域的

完整版本：~4k

缩小：~1k

这里有一个快速（未经测试）的解决方案

---

我在GitHub上有一个jQuery插件：

它缩小了大约1.6KB

您可以在此处看到一个实例：

例如：

<input type="text" value="" placeholder="Autosize" data-autosize-input='{ "space": 40 }' />

input[type="data-autosize-input"] {
  width: 90px;
  min-width: 90px;
  max-width: 300px;
  transition: width 0.25s;    
}

---

我需要它的输入，而不是文本区域。我也查过了。看起来它的大小取决于你点击回车键的次数。。那不行。我希望它在到达输入框的末尾时能够正确调整大小。我会尝试一下，并让您知道。谢谢我刚试过这个，效果很好。但请确保您没有使用CSS覆盖大小，否则它将不起作用。请注意，如果您使用可变宽度字体，这会增加太多空间。尝试在字段中键入'IIIII'来测试它。

<input type="text" value="" placeholder="Autosize" data-autosize-input='{ "space": 40 }' />

input[type="data-autosize-input"] {
  width: 90px;
  min-width: 90px;
  max-width: 300px;
  transition: width 0.25s;    
}

$("selector").autosizeInput();