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 三种创建对象的方法
Oct 16 Javascript
extjs 初始化checkboxgroup值的代码
Sep 21 Javascript
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
Feb 16 Javascript
JQuery slideshow的一个小问题(如何发现及解决过程)
Feb 06 Javascript
JavaScript中instanceof运算符的使用示例
Jun 08 Javascript
ReactNative-JS 调用原生方法实例代码
Oct 08 Javascript
如何提高javascript加载速度
Dec 26 Javascript
React如何利用相对于根目录进行引用组件详解
Oct 09 Javascript
深入理解js 中async 函数的含义和用法
May 13 Javascript
JS实现头条新闻的经典轮播图效果示例
Jan 30 Javascript
Vue中computed、methods与watch的区别总结
Apr 10 Javascript
详解Node.js使用token进行认证的简单示例
May 25 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
PHP性能优化 产生高度优化代码
2011/07/22 PHP
PHP中将数组转成XML格式的实现代码
2011/08/08 PHP
ajax返回值中有回车换行、空格的解决方法分享
2013/10/24 PHP
php递归获取目录内文件(包含子目录)封装类分享
2013/12/25 PHP
PHP实现把MySQL数据库导出为.sql文件实例(仿PHPMyadmin导出功能)
2014/05/10 PHP
PHP使用CURL实现对带有验证码的网站进行模拟登录的方法
2014/07/23 PHP
PHP+MySQL实现的简单投票系统实例
2016/02/24 PHP
php利用ob_start()清除输出和选择性输出的方法
2018/01/18 PHP
JavaScript 自动完成脚本整理(33个)
2009/10/20 Javascript
浅析jQuery1.8的几个小变化
2013/12/10 Javascript
JavaScript中的函数模式详解
2015/02/11 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
jquery实现像栅栏一样左右滑出式二级菜单效果代码
2015/08/24 Javascript
原生js页面滚动延迟加载图片
2015/12/20 Javascript
BootStrap智能表单demo示例详解
2016/06/13 Javascript
javascript汉字拼音互转的简单实例
2016/10/09 Javascript
js实现字符全排列算法的简单方法
2017/05/01 Javascript
JavaWeb表单及时验证功能在输入后立即验证(含用户类型,性别,爱好...的验证)
2017/06/09 Javascript
vue脚手架搭建过程图解
2018/06/06 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
详解Js里的for…in和for…of的用法
2019/03/28 Javascript
基于js实现数组相邻元素上移下移
2020/05/19 Javascript
Vue使用v-viewer实现图片预览
2020/10/21 Javascript
vue 公共列表选择组件,引用Vant-UI的样式方式
2020/11/02 Javascript
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
OpenCV python sklearn随机超参数搜索的实现
2020/01/17 Python
Python xml、字典、json、类四种数据类型如何实现互相转换
2020/05/27 Python
美国隐形眼镜销售网站:ContactsDirect
2017/10/28 全球购物
NYX Professional Makeup官方网站:专业彩妆和美容产品
2019/10/29 全球购物
abstract class和interface有什么区别
2013/08/04 面试题
学习作风建设心得体会
2014/10/22 职场文书
2014年安全管理工作总结
2014/12/01 职场文书
反邪教教育心得体会
2016/01/15 职场文书
医德医风学习心得体会
2016/01/25 职场文书