如何限制我的textarea超出特定行的範圍？

Question

我正在使用textarea，因爲我不想在滾動條增加的同時增加行數。它應該可以調整大小。有沒有可能的方法來做到這一點。

Answer 1

隨着用戶輸入更多文本，您可以使用JavaScript來增加textarea的高度。

var textarea = document.getElementsByTagName('textarea')[0], 
    originalHeight = textarea.clientHeight; 

textarea.addEventListener('keyup', function() { 
    textarea.style.height = Math.max(textarea.scrollHeight, originalHeight) + 'px'; 
}); 

jsFiddle。

它似乎不想縮小該示例代碼。我想，誰寫的這些控件大多數人產生一個隱藏div與height: auto，所有的字體樣式複製（font-size，font-family，line-height，letter-spacing等），然後更新div硫含量的與textarea內部文本「。然後根據隱藏元素的高度設置textarea的高度。