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 相关文章推荐
IE和firefox浏览器的event事件兼容性汇总
Dec 06 Javascript
javascript在子页面中函数无法调试问题解决方法
Jan 17 Javascript
jQuery中:password选择器用法实例
Jan 03 Javascript
详解JavaScript数组的操作大全
Oct 19 Javascript
Underscore源码分析
Dec 30 Javascript
JavaScript 计算笛卡尔积实例详解
Dec 02 Javascript
Vuex模块化实现待办事项的状态管理
Mar 15 Javascript
详解vue-cli + webpack 多页面实例应用
Apr 25 Javascript
jQuery 1.9版本以上的浏览器判断方法代码分享
Aug 28 jQuery
微信小程序模拟cookie的实现
Jun 20 Javascript
vue实现多个元素或多个组件之间动画效果
Sep 25 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
ie6 动态缩略图不显示的原因
2009/06/21 PHP
php入门学习知识点三 PHP上传
2011/07/14 PHP
php不使用插件导出excel的简单方法
2014/03/04 PHP
thinkPHP自定义类实现方法详解
2016/11/30 PHP
php获取手机端的号码以及ip地址实例代码
2018/09/12 PHP
js中escape对应的C#解码函数 UrlDecode
2012/12/16 Javascript
使用 Node.js 做 Function Test实现方法
2013/10/25 Javascript
node.js中使用socket.io制作命名空间
2014/12/15 Javascript
原生javascript实现Tab选项卡切换功能
2015/01/12 Javascript
nodejs中实现sleep功能实例
2015/03/24 NodeJs
微信js-sdk分享功能接口常用逻辑封装示例
2016/10/13 Javascript
Jquery-data的三种用法
2017/04/18 jQuery
js每隔两秒输出数组中的一项(实例)
2017/05/28 Javascript
ng-alain表单使用方式详解
2018/07/10 Javascript
Node.js系列之连接DB的方法(3)
2019/08/30 Javascript
原生js基于canvas实现一个简单的前端截图工具代码实例
2019/09/10 Javascript
小程序识别身份证,银行卡,营业执照,驾照的实现
2019/11/05 Javascript
[17:36]VG战队纪录片
2014/08/21 DOTA
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
python 自动提交和抓取网页
2009/07/13 Python
python通过socket实现多个连接并实现ssh功能详解
2017/11/08 Python
python数据分析数据标准化及离散化详解
2018/02/26 Python
Python之文字转图片方法
2018/05/10 Python
Python3 文章标题关键字提取的例子
2019/08/26 Python
python实现操作文件(文件夹)
2019/10/31 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
世界上最大的网络主机公司:1&1
2016/10/12 全球购物
应届生幼儿园求职信
2013/11/12 职场文书
班主任新年寄语
2014/04/04 职场文书
职业生涯规划书结束语
2014/04/15 职场文书
护士演讲稿优秀范文
2014/04/30 职场文书
公司口号大全
2014/06/11 职场文书
房产公证书格式
2015/01/26 职场文书
数学教师个人工作总结
2015/02/06 职场文书
小程序实现侧滑删除功能
2022/06/25 Javascript