【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩

 // 最小高度

    var minRows = 5;
    
// 最大高度,超过则出现滚动条
    var maxRows = 12;
    
function autoResize(){
        
var t = document.getElementById('txt');
        
if (t.scrollTop == 0) t.scrollTop=1;
        
while (t.scrollTop == 0){
            
if (t.rows > minRows)
                t.rows
--;
            
else
                
break;
            t.scrollTop 
= 1;
            
if (t.rows < maxRows)
                t.style.overflowY 
= "hidden";
            
if (t.scrollTop > 0){
                t.rows
++;
                
break;
            }
        }
        
while(t.scrollTop > 0){
            
if (t.rows < maxRows){
                t.rows
++;
                
if (t.scrollTop == 0) t.scrollTop=1;
            }
            
else{
                t.style.overflowY 
= "auto";
                
break;
            }
        }
    }

查看DEMO-示例

posted @ 2011-05-06 12:29  YOYIORLEE  阅读(1316)  评论(0编辑  收藏  举报