如何使用javascript創建textarea的動態調整大小？

Question

我的html / php頁面中有幾個textarea元素。 但是，我需要這些文本區域來動態調整大小。 在基本級別上，需要在用戶按下Enter鍵時進行擴展。 我如何使用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";
    }
}

這是作為開始的內容。

鏈接到JSFiddle