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

最新推荐文章于 2024-04-02 16:31:44 发布

qb371

最新推荐文章于 2024-04-02 16:31:44 发布

阅读量273

点赞数

分类专栏： web前端

web前端专栏收录该内容

17 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<script>
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<b.length;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);"></textarea>
</body>

</html>

原文地址：http://www.aa25.cn/code/515.shtml