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 相关文章推荐
MooTools 1.2中的Drag.Move来实现拖放
Sep 15 Javascript
jquery实现的导航固定效果
Apr 28 Javascript
JS中的二叉树遍历详解
Mar 18 Javascript
利用jsonp跨域调用百度js实现搜索框智能提示
Aug 24 Javascript
javascript 判断页面访问方式电脑或者移动端
Sep 19 Javascript
详解webpack 入门总结和实践(按需异步加载,css单独打包,生成多个入口文件)
Jun 20 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
JS 实现获取验证码 倒计时功能
Oct 29 Javascript
vue源码nextTick使用及原理解析
Aug 13 Javascript
关于引入vue.js 文件的知识点总结
Jan 28 Javascript
基于JS实现table导出Excel并保留样式
May 19 Javascript
Vue 打包的静态文件不能直接运行的原因及解决办法
Nov 19 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聊天室技术
2006/10/09 PHP
PHP页面间传递参数实例代码
2008/06/05 PHP
最新用php获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
Yii PHP Framework实用入门教程(详细介绍)
2013/06/18 PHP
PHP中explode函数和split函数的区别小结
2016/08/24 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
使弱类型的语言JavaScript变强势
2009/06/22 Javascript
基于jQuery的让非HTML5浏览器支持placeholder属性的代码
2011/05/24 Javascript
js实现双向链表互联网机顶盒实战应用实现
2011/10/28 Javascript
js继承call()和apply()方法总结
2014/12/08 Javascript
javascript实现Table排序的方法
2015/05/15 Javascript
vue-dialog的弹出层组件
2020/05/25 Javascript
详解nodejs express下使用redis管理session
2017/04/24 NodeJs
浅谈关于angularJs中使用$.ajax的注意点
2017/08/12 Javascript
Angular移动端页面input无法输入的解决方法
2017/11/14 Javascript
利用hasOwnProperty给数组去重的面试题分享
2018/11/05 Javascript
js 解析 JSON 数据简单示例
2020/04/21 Javascript
安装dbus-python的简要教程
2015/05/05 Python
python清除字符串里非字母字符的方法
2015/07/02 Python
qpython3 读取安卓lastpass Cookies
2016/06/19 Python
python下读取公私钥做加解密实例详解
2017/03/29 Python
python利用有道翻译实现&quot;语言翻译器&quot;的功能实例
2017/11/14 Python
为什么选择python编程语言入门黑客攻防 给你几个理由!
2018/02/02 Python
python实现手机通讯录搜索功能
2018/02/22 Python
使用Python完成15位18位身份证的互转功能
2019/11/06 Python
Python中Selenium库使用教程详解
2020/07/23 Python
最好的商品表达自己:Cafepress
2019/09/04 全球购物
大学生职业生涯规划书范文
2014/01/14 职场文书
房屋继承公证书
2014/04/10 职场文书
供货协议书范本
2014/04/22 职场文书
务虚会发言材料
2014/12/25 职场文书
团员年度个人总结
2015/02/26 职场文书
幼儿园老师个人总结
2015/02/28 职场文书
小学远程教育工作总结
2015/08/13 职场文书
基于Python绘制子图及子图刻度的变换等的问题
2021/05/23 Python
使用CSS实现百叶窗效果示例代码
2023/05/07 HTML / CSS