200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 【记录】用Javascript实现文本框textarea高度随内容自动适应增长收缩

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

时间:2019-11-23 06:03:10

相关推荐

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

//最小高度

varminRows=5;

//最大高度,超过则出现滚动条

varmaxRows=12;

functionautoResize(){

vart=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-示例

Textarea高度随内容自适应地增长

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。