创建具有自动调整大小的文本区域

Question

创建具有自动调整大小的文本区域

有关于这件事的另一条线索我试过了。但是有一个问题：textarea如果删除内容不会缩小。我找不到任何方法把它缩小到正确的尺寸clientHeight值的完整大小返回。textarea而不是它的内容。

该页的代码如下：

function FitToContent(id, maxHeight){
   var text = id && id.style ? id : document.getElementById(id);
   if ( !text )
      return;

   var adjustedHeight = text.clientHeight;
   if ( !maxHeight || maxHeight > adjustedHeight )
   {
      adjustedHeight = Math.max(text.scrollHeight, adjustedHeight);
      if ( maxHeight )
         adjustedHeight = Math.min(maxHeight, adjustedHeight);
      if ( adjustedHeight > text.clientHeight )
         text.style.height = adjustedHeight + "px";
   }}window.onload = function() {
    document.getElementById("ta").onkeyup = function() {
      FitToContent( this, 500 )
    };}