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 相关文章推荐
JavaScript 原型继承之构造函数继承
Aug 26 Javascript
jquery 插件学习(五)
Aug 06 Javascript
判断一个变量是数组Array类型的方法
Sep 16 Javascript
js判断60秒以及倒计时示例代码
Jan 24 Javascript
原生js实现复制对象、扩展对象 类似jquery中的extend()方法
Aug 30 Javascript
javascript定义变量时带var与不带var的区别分析
Jan 12 Javascript
BootStrap Typeahead自动补全插件实例代码
Aug 10 Javascript
jQuery滑动到底部加载下一页数据的实例代码
May 22 jQuery
基于Vue的移动端图片裁剪组件功能
Nov 28 Javascript
vue项目引入字体.ttf的方法
Sep 28 Javascript
在element-ui的el-tree组件中用render函数生成el-button的实例代码
Nov 05 Javascript
React中使用UMEditor的方法示例
Dec 27 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
php smarty 二级分类代码和模版循环例子
2011/06/01 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
php使用Jpgraph绘制复杂X-Y坐标图的方法
2015/06/10 PHP
PHP文件操作详解
2016/12/30 PHP
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010/11/11 Javascript
js三种排序算法分享
2012/08/16 Javascript
基于JQuery模仿苹果桌面的Dock效果(初级版)
2012/10/15 Javascript
Javascript异步编程模型Promise模式详细介绍
2014/05/08 Javascript
jQuery实现购物车多物品数量的加减+总价计算
2014/06/06 Javascript
js实现大转盘抽奖游戏实例
2015/06/24 Javascript
jquery实现浮动的侧栏实例
2015/06/25 Javascript
通过Jquery.cookie.js实现展示浏览网页的历史记录超管用
2015/10/23 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
基于JavaScript判断浏览器到底是关闭还是刷新(超准确)
2016/02/01 Javascript
使用webpack打包koa2 框架app
2018/02/02 Javascript
详解如何为你的angular app构建一个第三方库
2018/12/07 Javascript
百度小程序之间的页面通信过程详解
2019/07/18 Javascript
使用zrender.js绘制体温单效果
2019/10/31 Javascript
[03:57]DOTA2英雄梦之声_第03期_幻影刺客
2014/06/21 DOTA
[47:55]Ti4第二日主赛事败者组 NaVi vs EG 1
2014/07/20 DOTA
Python通过解析网页实现看报程序的方法
2014/08/04 Python
Django实现图片文字同时提交的方法
2015/05/26 Python
Python判断Abundant Number的方法
2015/06/15 Python
Python中使用Queue和Condition进行线程同步的方法
2016/01/19 Python
python 基础教程之Map使用方法
2017/01/17 Python
学习python分支结构
2019/05/17 Python
python数值基础知识浅析
2019/11/19 Python
python多线程使用方法实例详解
2019/12/30 Python
Python实现剪刀石头布小游戏(与电脑对战)
2019/12/31 Python
Django的CVB实例详解
2020/02/10 Python
世界首屈一指的在线男士内衣权威:HisRoom
2017/08/05 全球购物
法国亚马逊官方网站:Amazon.fr
2020/12/19 全球购物
程序员机试试题汇总
2012/03/07 面试题
工商管理应届生求职信
2013/10/07 职场文书
大学生最常用的自我评价
2013/12/07 职场文书
 python中的元类metaclass详情
2022/05/30 Python