文本區域擴大，因爲有人類型在它

Question

我想提出一個可擴展的用戶到達底部 （擴大向下不向外）的文本區域

的一個很好的例子在Facebook上被認爲是其中的用戶鍵入文本框相應地調整其大小。

我試過在網上查找，但沒有任何工作，所以請原諒我，如果這可能看起來微不足道。

<textarea name="messagea" id="styled"></textarea> 
<script> 
$(function() { 
    $('styled').autogrow(); 
}); 
</script> 

Answer 1

你使用的是jQuery嗎？

如果是這樣，該問題已在StackOverflow上得到解答：Auto expand a textarea using jQuery或textarea auto expand。

Answer 2

對於原始JavaScript，它將如下所示。

var foo = document.getElementById('mytextarea'); 
foo.addEventListener('keypress', function(){ 
    if (this.clientHeight < this.scrollHeight) this.style.height = ''.concat(this.scrollHeight * 1.05, 'px'); 
}); 

這也不能保證工作跨瀏覽器的，所以你必須將其展開爲（IE瀏覽器），但是這應該給你的處理按鍵事件和檢查高度基本思路適當。