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 生成指定范围数值随机数
Jan 09 Javascript
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
Feb 03 Javascript
JS判断对象是否存在的10种方法总结
Dec 23 Javascript
jQuery简单实现banner图片切换
Jan 02 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
Aug 07 Javascript
js带点自动图片轮播幻灯片特效代码分享
Sep 07 Javascript
第二章之Bootstrap 页面排版样式
Apr 25 Javascript
第一次接触神奇的Bootstrap基础排版
Jul 26 Javascript
jQuery仿写百度百科的目录树
Jan 03 Javascript
jQuery+koa2实现简单的Ajax请求的示例
Mar 06 jQuery
微信小程序组件传值图示过程详解
Jul 31 Javascript
Vue实现简易购物车页面
Dec 30 Vue.js
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_NETWORK_GETADDRESSES: GETADDRINFO FAILED问题解决办法
2014/05/04 PHP
PHP封装分页函数实现文本分页和数字分页
2014/10/23 PHP
PHP检查网站是否宕机的方法示例
2017/07/24 PHP
php使用 readfile() 函数设置文件大小大小的方法
2017/08/11 PHP
PHP实现的pdo连接数据库并插入数据功能简单示例
2019/03/30 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
jquery checkbox全选、取消全选实现代码
2010/03/05 Javascript
jquery淡入淡出效果简单实例
2016/01/14 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
全面了解JavaScript的数据类型转换
2016/07/01 Javascript
JavaScript每天必学之基础知识
2016/09/17 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
Ajax的概述与实现过程
2016/11/18 Javascript
webpack打包后直接访问页面图片路径错误的解决方法
2017/06/17 Javascript
vue init失败简单解决方法(终极版)
2017/12/22 Javascript
基于Nodejs的Tcp封包和解包的理解
2018/09/19 NodeJs
React SSR样式及SEO的实践
2018/10/22 Javascript
Python编程之event对象的用法实例分析
2017/03/23 Python
3个用于数据科学的顶级Python库
2018/09/29 Python
对python 多线程中的守护线程与join的用法详解
2019/02/18 Python
Python第三方包之DingDingBot钉钉机器人
2020/04/09 Python
在IE6系列等老式浏览器中使用HTML5的新标签实现方案
2012/12/25 HTML / CSS
html5指南-6.如何创建离线web应用程序实现离线访问
2013/01/07 HTML / CSS
海淘母婴商城:国际妈咪
2016/07/23 全球购物
日本最大的眼镜购物网站:Oh My Glasses
2016/11/13 全球购物
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
智能家居、吸尘器、滑板车、电动自行车网上购物:Geekmaxi
2021/01/18 全球购物
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
音乐学院硕士生的自我评价分享
2013/11/01 职场文书
自荐信封面
2013/12/04 职场文书
离退休人员聘用协议书
2014/11/24 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
旷工辞退通知书
2015/04/17 职场文书
2015年度个人教学工作总结
2015/05/20 职场文书
《原神》新角色演示“神里绫人:林隐泓洄” 宠妹狂魔
2022/04/03 其他游戏
nginx location 带斜杠【 / 】与不带的区别
2022/04/13 Servers