如何使用javascript为textarea创建动态调整大小？

Question

我的html / php页面中有几个textarea元素。但是，我需要这些textareas动态调整大小。在基本级别，当用户按下回车键时需要扩展。我怎么能用javascript来实现这个目标？任何指针都很受欢迎。谢谢！

Answer 1

这将是一个基本的实现：

HTML：

<textarea id="a"></textarea>

JS：

var t = document.getElementById("a");
t.style.height = "80px";
t.onkeyup = function(e){
    if(e.keyCode == 13){
        t.style.height = parseInt(t.style.height) + 30 + "px";
    }
}

这意味着要开始。

Link to JSFiddle