让文本框textarea自动适应内容的高度
2015-12-07 14:44
615 查看
该方法是首先获取文本内容,然后计算文本的行数,再重新设置文本的rows实现的,代码如下
<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" onfocus="javascript:ResizeTextarea(this,4);" onclick="javascript:ResizeTextarea(this,4);" onkeyup="javascript:ResizeTextarea(this,4);"></textarea>
相关文章推荐
- vs 2013 设置website项目端口
- c++ tuple的基本操作
- Objective-C 编译器
- CrystalDiskMark硬盘检测软件及下载地址
- 队列ArrayBlockingQueue的使用
- Mysql ibdata 丢失或损坏如何通过frm&ibd 恢复数据
- jstack 应用
- NFS服务器详细配置
- dubbo_registry注册中心概述
- dubbo_registry注册中心概述
- QT中的QGridLayout的使用
- 一线互联网公司的架构实践
- ASP.NET Core 1.0 入门——Application Startup
- 超级维度表处理(亿行数据级别)
- ipython的notebook
- hdu1285 确定比赛名次
- 偶然翻出很久很久以前写的一款sqlmap UI,有点年头了
- 成为JavaGC专家(1)—深入浅出Java垃圾回收机制
- LeetCode 226:Invert Binary Tree
- 简单的Fragment切换