【記錄】用Javascript實現文字框textarea高度隨內容自動適應增長收縮

 // 最小高度

    var minRows = 5;
    // 最大高度，超過則出現捲軸
    var maxRows = 12;
    function autoResize(){
        var t = document.getElementById('txt');
        if (t.scrollTop == 0) t.scrollTop=1;
        while (t.scrollTop == 0){
            if (t.rows > minRows)
                t.rows--;
            else
                break;
            t.scrollTop = 1;
            if (t.rows < maxRows)
                t.style.overflowY = "hidden";
            if (t.scrollTop > 0){
                t.rows++;
                break;
            }
        }
        while(t.scrollTop > 0){
            if (t.rows < maxRows){
                t.rows++;
                if (t.scrollTop == 0) t.scrollTop=1;
            }
            else{
                t.style.overflowY = "auto";
                break;
            }
        }
    }

查看DEMO-樣本

Textarea高度隨內容自適應地增長</p><p>http://www.msnova.net