javascript - 将文本大小更改为不超过表单输入的宽度

Question

我有一个表格 <input>横跨页面宽度，字体大小为 2em (我们称之为基本字体大小)。

我不希望输入的文本在超过字段宽度时被 chop/溢出，所以我的问题是:如何检测字段文本何时溢出字段并降低font-size 以便所有内容都在 View 中？相反，我如何检测用户何时开始删除字符并反过来增加 font-size，但不高于基本字体大小？

非常感谢任何帮助。

Answer 1

这就是您所需要的。

Demo

<input type="text" name="younameit" id="demo">
$('#demo').inputfit();

而且，这些 css 属性将有助于在字体大小发生变化时保持输入的大小。

Demo

min-height: 30px;
min-width: 500px;
line-height: 30px;

https://github.com/vxsx/jquery.inputfit.js