Textarea根据内容自动调整自己的字体大小＆amp;它的长度

Question

这已被问到，但似乎不是Javascript。

我想创建一个包含两组字体大小的TextArea，一组用于包含少于3行的字体，另一组用于包含多于一行的字体大小。

唯一的问题是，Textarea中的行数不仅会影响所选的字体大小，还会影响内容的数量，就像有人只输入一行文字而没有一个换行符一样， Textarea将破坏这些线条（不幸的是，使用另一个水平滚动可用的包裹不是解决方案）。

我创建了一个详细的jsFiddle：http://jsfiddle.net/kF9LY

如何以一种方式测量Textarea的.value内容，使我能够通过换行符或超出单行宽度的内容清楚地计算所使用的行（从而显示在第二行中）？

Answer 1

据我所知，你所描述的行数无法衡量。

您可以在键事件中检测到textarea的scrollHeight是否已变得大于其高度，这意味着已出现滚动条，然后您可以根据需要调整字体大小。

Answer 2

看起来您可以从问题How to get number of rows in <textarea >?中的一个答案中找到行数。