在纯 javascript 中让 textarea 自动增长的最简单方法是什么?

What is the easiest way to let a textarea autogrow in pure javascript?

本问题已经有最佳答案,请猛点这里访问。

我见过各种用于自动增长 textarea 的 jquery 插件。但我希望有一种简单的方法可以让 textarea 元素在纯 javascript 中自动增长(anno 2015)。

我只针对现代浏览器。但我也很欣赏针对旧浏览器的答案。


这似乎有效。虽然没有很好地测试它。

1
2
3
4
5
6
7
<textarea></textarea>

    var textarea = document.querySelector('textarea');
    textarea.addEventListener('input', function() {
        textarea.style.height = 'auto';
        textarea.style.height = textarea.scrollHeight + 'px';
    });