javascript - 如何自动调整文本区域的高度？

Question

我将文本区域的宽度设置为 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

此函数会将元素(在您的例子中为文本区域)的高度设置为浏览器的默认高度。如果这导致出现滚动条，高度将切换到实际需要的高度。

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

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