如何限制我的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的高度。