html textare自动适应,让文本框textarea自动适应内容的高度

方法一:

οnfοcus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" οnblur="clearInterval(this.clock);">

方法二:

var agt = navigator.userAgent.toLowerCase();

var is_op = (agt.indexOf("opera") != -1);

var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_op;

function ResizeTextarea(a,row){

if(!a){return}

if(!row)

row=5;

var b=a.value.split("\n");

var c=is_ie?1:0;

c+=b.length;

var d=a.cols;

if(d<=20){d=40}

for(var e=0;e

if(b[e].length>=d){

c+=Math.ceil(b[e].length/d)

}

}

c=Math.max(c,row);

if(c!=a.rows){

a.rows=c;

}

}

< /script>

< textarea style="overflow: hidden; font-family: Verdana,Arial; font-style: normal; font-size: 13px; line-height: normal; " rows="4" cols="30" οnfοcus="javascript:ResizeTextarea(this,4);" οnclick="javascript:ResizeTextarea(this,4);" οnkeyup="javascript:ResizeTextarea(this,4);">

示例如下:

οnfοcus="window.activeobj=this;this.clock=setInterval(function(){activeobj.style.height=activeobj.scrollHeight+'px';},200);" οnblur="clearInterval(this.clock);">

var agt = navigator.userAgent.toLowerCase();

var is_op = (agt.indexOf("opera") != -1);

var is_ie = (agt.indexOf("msie") != -1) && document.all && !is_op;

function ResizeTextarea(a,row){

if(!a){return}

if(!row)

row=5;

var b=a.value.split("\n");

var c=is_ie?1:0;

c+=b.length;

var d=a.cols;

if(d<=20){d=40}

for(var e=0;e

if(b[e].length>=d){

c+=Math.ceil(b[e].length/d)

}

}

c=Math.max(c,row);

if(c!=a.rows){

a.rows=c;

}

}