如何在高度上自动调整文本区域的大小？

Question

我将 textarea 的宽度设置为 100%，但现在我需要知道一行中可以容纳多少个字符。

我正在尝试编写一个 javascript 函数来自动增长/缩小文本区域。我试图避免使用 jquery，因为我只需要这个功能。

我的逻辑是rows = textarea.value.split('\n')，遍历rows和count += rows[i].length/textarea.cols，然后count += rows.length，最后textarea.rows = count。唯一的问题是count太大了，因为textarea.cols太小了。

Answer 1

此函数会将元素的高度（在您的情况下为 textarea）设置为浏览器的默认高度。如果这导致出现滚动条，则高度将切换到实际需要的高度。

function autoHeight(element){
    element.style.height='auto';
    element.style.height=element.scrollHeight+'px';
}

如果您不喜欢浏览器的默认高度，当然可以将其更改为您自己的其他一些默认值。