JavaScript动态调整TextArea高度的代码


Posted in Javascript onDecember 28, 2010

核心代码:

<script language="javascript" type="text/javascript"> 
function adjustObjHeight(obj, defaultHeight) { 
if(obj.scrollHeight > defaultHeight) { 
obj.style.height = obj.scrollHeight + 'px'; 
} else { 
obj.style.height = defaultHeight + 'px'; 
} 
} 
window.onload = function() { 
var obj = document.getElementsByTagName('textarea'); 
var len = obj.length; 
for(var i = 0; i<len; i++) 
adjustObjHeight(obj[i], 50); 
} 
</script>

TextAreaHTML代码:
<textarea id="content" onkeyup="adjustObjHeight(this, 50);"></textarea>

作者 何朝阳
Javascript 相关文章推荐
利用WebBrowser彻底解决Web打印问题(包括后台打印)
Jun 22 Javascript
JavaScript 函数惰性载入的实现及其优点介绍
Aug 12 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
用于deeplink的js方法(判断手机是否安装app)
Apr 02 Javascript
JavaScript中判断两个字符串是否相等的方法
Jul 07 Javascript
iOS和Android用同一个二维码实现跳转下载链接的方法
Sep 28 Javascript
微信小程序实战之自定义模态弹窗(8)
Apr 18 Javascript
详解Vue双向数据绑定原理解析
Sep 11 Javascript
Vue-Router2.X多种路由实现方式总结
Feb 09 Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 Javascript
vue-cli3配置与跨域处理方法
Aug 17 Javascript
json解析大全 双引号、键值对不在一起的情况
Dec 06 Javascript
JavaScript性能陷阱小结(附实例说明)
Dec 28 #Javascript
javascript写的日历类(基于pj)
Dec 28 #Javascript
Jquery下attr和removeAttr的使用方法
Dec 28 #Javascript
基于Jquery的动态创建DOM元素的代码
Dec 28 #Javascript
jQuery中append、insertBefore、after与insertAfter的简单用法与注意事项
Apr 04 #Javascript
基于Jquery的标签智能验证实现代码
Dec 27 #Javascript
jQuery powerFloat万能浮动层下拉层插件使用介绍
Dec 27 #Javascript
You might like
Win2000+Apache+MySql+PHP4+PERL安装使用小结
2006/10/09 PHP
探讨php define()函数及defined()函数使用详解
2013/06/09 PHP
有关于PHP中常见数据类型的汇总分享
2014/01/06 PHP
ThinkPHP中的三大自动简介
2014/08/22 PHP
php上传中文文件名乱码问题处理方案
2015/02/03 PHP
PHP异常处理浅析
2015/05/12 PHP
基于thinkPHP框架实现留言板的方法
2016/10/17 PHP
php实现水印文字和缩略图的方法示例
2016/12/29 PHP
Javascript下的keyCode键码值表
2007/04/10 Javascript
javascript URL锚点取值方法
2009/02/25 Javascript
jquery 将disabled的元素置为enabled的三种方法
2009/07/25 Javascript
JavaScript Array Flatten 与递归使用介绍
2011/10/30 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
javascript学习笔记之10个原生技巧
2014/05/21 Javascript
Nodejs中读取中文文件编码问题、发送邮件和定时任务实例
2015/01/01 NodeJs
javascript如何实现360度全景照片问题汇总
2016/04/04 Javascript
JS 对象(Object)和字符串(String)互转方法
2016/05/20 Javascript
JS获取复选框的值,并传递到后台的实现方法
2016/05/30 Javascript
bootstrap实现点击删除按钮弹出确认框的实例代码
2018/08/16 Javascript
使用python存储网页上的图片实例
2018/05/22 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
如何用Python做一个微信机器人自动拉群
2019/07/03 Python
python 实现屏幕录制示例
2019/12/23 Python
Python经纬度坐标转换为距离及角度的实现
2020/11/01 Python
python实现控制台输出颜色
2021/03/02 Python
毕业生大学生活自我总结
2014/01/31 职场文书
实习老师离校感言
2014/02/03 职场文书
八一建军节活动方案
2014/02/10 职场文书
常务副总经理岗位职责
2014/04/12 职场文书
质量管理标语
2014/06/12 职场文书
传承焦裕禄精神思想汇报2014
2014/09/10 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
法律讲堂观后感
2015/06/11 职场文书
2015年秋季学校开学标语
2015/07/16 职场文书
python flask开发的简单基金查询工具
2021/06/02 Python
纯 CSS 自定义多行省略的问题(从原理到实现)
2021/11/11 HTML / CSS