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之十 事件模块概述
Jun 27 Javascript
jquery获得页面元素的坐标值实现思路及代码
Apr 15 Javascript
基于jQuery的判断iPad、iPhone、Android是横屏还是竖屏的代码
May 11 Javascript
设计模式中的组合模式在JavaScript程序构建中的使用
May 18 Javascript
jQuery多级联动下拉插件chained用法示例
Aug 20 Javascript
实现图片首尾平滑轮播(JS原生方法—节流)
Oct 17 Javascript
JavaScript内存泄漏的处理方式
Nov 20 Javascript
layui radio单选限制下一个radio单选的实例
Sep 03 Javascript
手把手15分钟搭一个企业级脚手架
Sep 16 Javascript
20多个小事例带你重温ES10新特性(小结)
Sep 29 Javascript
flexible.js实现移动端rem适配方案
Apr 07 Javascript
在react-antd中弹出层form内容传递给父组件的操作
Oct 24 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 MySQL应用中使用XOR运算加密算法分享
2011/08/28 PHP
php发送与接收流文件的方法
2015/02/11 PHP
PHP实现通过正则表达式替换回调的内容标签
2015/06/15 PHP
PHP判断FORM表单或URL参数来的数据是否为整数的方法
2016/03/25 PHP
php实现根据身份证获取精准年龄
2020/02/26 PHP
js快速排序的实现代码
2013/12/08 Javascript
移动节点的jquery代码
2014/01/13 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
简介JavaScript中strike()方法的使用
2015/06/08 Javascript
Json对象和字符串互相转换json数据拼接和JSON使用方式详细介绍(小结)
2016/10/25 Javascript
jQuery插件FusionCharts绘制2D环饼图效果示例【附demo源码】
2017/04/10 jQuery
微信小程序商城项目之侧栏分类效果(1)
2017/04/17 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
微信小程序6位或多位验证码密码输入框功能的实现代码
2018/05/29 Javascript
解决Vue+Electron下Vuex的Dispatch没有效果问题
2019/05/20 Javascript
bootstrap table插件动态加载表头
2019/07/19 Javascript
解决LayUI加上form.render()下拉框和单选以及复选框不出来的问题
2019/09/27 Javascript
vue控制多行文字展开收起的实现示例
2019/10/11 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
[01:08:29]DOTA2-DPC中国联赛定级赛 RNG vs Aster BO3第一场 1月9日
2021/03/11 DOTA
python使用marshal模块序列化实例
2014/09/25 Python
在Django的form中使用CSS进行设计的方法
2015/07/18 Python
利用Python实现Windows定时关机功能
2017/03/21 Python
python编写弹球游戏的实现代码
2018/03/12 Python
Python程序包的构建和发布过程示例详解
2019/06/09 Python
python实现高斯判别分析算法的例子
2019/12/09 Python
Python3 中sorted() 函数的用法
2020/03/24 Python
阿里巴巴Oracle DBA笔试题答案-备份恢复类
2013/11/20 面试题
南京软件公司的.net程序员笔试题
2014/08/31 面试题
企业文化标语口号
2014/06/09 职场文书
义诊活动总结
2015/02/04 职场文书
论文致谢词范文
2015/05/14 职场文书
安全事故隐患排查治理制度
2015/08/05 职场文书
Python实现查询剪贴板自动匹配信息的思路详解
2021/07/09 Python
python基础之类属性和实例属性
2021/10/24 Python
CentOS7安装GlusterFS集群以及相关配置
2022/04/12 Servers