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 相关文章推荐
js异步加载的三种解决方案
Mar 04 Javascript
Table冻结表头示例代码
Aug 20 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
Dec 29 Javascript
利用JavaScript的AngularJS库制作电子名片的方法
Jun 18 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
20行JS代码实现网页刮刮乐效果
Jun 23 Javascript
详解Vuex管理登录状态
Nov 13 Javascript
基于JS实现html中placeholder属性提示文字效果示例
Apr 19 Javascript
jQuery轻量级表单模型验证插件
Oct 15 jQuery
JavaScript JMap类定义与使用方法示例
Jan 22 Javascript
微信小程序template模版的使用方法
Apr 13 Javascript
在Vue里如何把网页的数据导出到Excel的方法
Sep 30 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
BBS(php &amp; mysql)完整版(七)
2006/10/09 PHP
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
php实现的短网址算法分享
2014/06/20 PHP
php实现二进制和文本相互转换的方法
2015/04/18 PHP
php pdo oracle中文乱码的快速解决方法
2016/05/16 PHP
雄兵连第三季海报曝光,艾妮熙德成主角,蔷薇新造型
2021/03/09 国漫
js 动态选中下拉框
2009/11/26 Javascript
仿百度输入框智能提示的js代码
2013/08/22 Javascript
js跳转页面方法实现汇总
2014/02/11 Javascript
实例分析js和C#中使用正则表达式匹配a标签
2014/11/26 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
解决Window10系统下Node安装报错的问题分析
2016/12/13 Javascript
vue使用Axios做ajax请求详解
2017/06/07 Javascript
ES6之模版字符串的具体使用
2018/05/17 Javascript
微信小程序常用简易小函数总结
2019/02/01 Javascript
自定义Vue中的v-module双向绑定的实现
2019/04/17 Javascript
Javascript读取上传文件内容/类型/字节数
2019/04/30 Javascript
laydate只显示时分 不显示秒的功能实现方法
2019/09/28 Javascript
vue中echarts图表大小适应窗口大小且不需要刷新案例
2020/07/19 Javascript
[01:38]DOTA2辉夜杯 欢乐的观众现场采访
2015/12/26 DOTA
Python模拟登录验证码(代码简单)
2016/02/06 Python
python3使用pyqt5制作一个超简单浏览器的实例
2017/10/19 Python
Python探索之Metaclass初步了解
2017/10/28 Python
python版本五子棋的实现代码
2018/12/11 Python
Python3.5 Json与pickle实现数据序列化与反序列化操作示例
2019/04/29 Python
Django 创建后台,配置sqlite3教程
2019/11/18 Python
使用jupyter notebook直接打开.md格式的文件
2020/04/10 Python
Python scrapy爬取小说代码案例详解
2020/07/09 Python
Django windows使用Apache实现部署流程解析
2020/10/12 Python
教师党性分析材料
2014/02/04 职场文书
施工工地安全标语
2014/06/07 职场文书
护理医院见习报告
2014/11/03 职场文书
党校毕业个人总结
2015/02/28 职场文书
2015年中学团委工作总结
2015/07/22 职场文书
mybatis使用oracle进行添加数据的方法
2021/04/27 Oracle
基于Redis过期事件实现订单超时取消
2021/05/08 Redis