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 相关文章推荐
jquery简单体验
Jan 10 Javascript
Javascript 网页水印(非图片水印)实现代码
Mar 01 Javascript
几个比较实用的JavaScript 测试及效验工具
Apr 18 Javascript
常用js字符串判断方法整理
Oct 18 Javascript
jquery修改属性值实例代码(设置属性值)
Jan 06 Javascript
js使用栈来实现10进制转8进制与取除数及余数
Jun 11 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
JavaScript基础知识点归纳(推荐)
Jul 09 Javascript
浅谈vuex之mutation和action的基本使用
Aug 29 Javascript
Vue2.0用户权限控制解决方案的示例
Feb 10 Javascript
vue左侧菜单,树形图递归实现代码
Aug 24 Javascript
JavaScript命名空间模式实例详解
Jun 20 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中MD5函数使用实例代码
2008/06/07 PHP
php进行ip地址掩码运算处理的方法
2016/07/11 PHP
Discuz论坛密码与密保加密规则
2016/12/19 PHP
Yii2下session跨域名共存的解决方案
2017/02/04 PHP
PHP命令Command模式用法实例分析
2018/08/08 PHP
jquery.ui.progressbar 中文文档
2009/11/26 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
读jQuery之三(构建选择器)
2011/06/11 Javascript
js实现的仿新浪微博完美的时间组件升级版
2011/12/20 Javascript
JS的replace方法介绍
2012/10/20 Javascript
正则表达式搭配js轻松处理json文本方便而老古
2013/02/17 Javascript
jQuery中读取json文件示例代码
2013/05/10 Javascript
解析URI与URL之间的区别与联系
2013/11/22 Javascript
强大的 Angular 表单验证功能详细介绍
2017/05/23 Javascript
使用Angular CLI进行单元测试和E2E测试的方法
2018/03/24 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
一次Webpack配置文件的分离实战记录
2018/11/30 Javascript
深入理解vue-class-component源码阅读
2019/02/18 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
JS实现简单打字测试
2020/06/24 Javascript
Vue+Element UI 树形控件整合下拉功能菜单(tree + dropdown +input)
2020/08/28 Javascript
[01:50]《我与DAC》之玩家:iG夺冠时的那面红旗
2018/03/29 DOTA
python分块读取大数据,避免内存不足的方法
2018/12/10 Python
Python 中@property的用法详解
2020/01/15 Python
TensorFlow打印输出tensor的值
2020/04/19 Python
Python实现UDP程序通信过程图解
2020/05/15 Python
Python xlwings插入Excel图片的实现方法
2021/02/26 Python
浅谈css3中calc在less编译时被计算的解决办法
2017/12/04 HTML / CSS
美国知名的隐形眼镜电商:Contacts America
2019/11/19 全球购物
北美最大的零售退货翻新商:VIP Outlet
2019/11/21 全球购物
毕业生大学生活自我总结
2014/01/31 职场文书
台风停课通知
2015/04/24 职场文书
关于做家务的心得体会
2016/01/23 职场文书
《天使的翅膀》读后感3篇
2019/12/20 职场文书
python爬虫--selenium模块
2021/03/31 Python
python之PySide2安装使用及QT Designer UI设计案例教程
2021/07/26 Python