奶雞的隨筆寫寫

<textarea onkeyup="autogrow(this)" /> 

function autogrow(textarea) {
                var adjustedHeight = textarea.clientHeight;
                adjustedHeight = Math.max(textarea.scrollHeight, adjustedHeight);
                if (adjustedHeight > textarea.clientHeight || adjustedHeight < textarea.clientHeight) {
                    textarea.style.height = adjustedHeight + 'px';   
                }
            }

 

原理: function內:

1. 取得目前Textarea的高度
2. 根據目前scrollbar的高度和textrea比較，取大的一方設定為目前的Textarea高
3. 但刪除文字時不會自動縮小，後面再想辦法改。

參考: