让textarea自动调整大小的js代码


Posted in Javascript onApril 12, 2011
<!doctype html> 
<html> 
<head> 
<title>自动调整大小的textarea </title> 
<meta charset = "utf-8" /> 
<style type = "text/css"> 
.editable{cursor:text; font-size:13px; color:#003366;width:80px;line-height:20px;height:20px;font-family:Arial;cursor:text;*overflow-y:hidden; } 
</style> 
</head> 
<body> 
<textarea class='editable' onkeydown ="if(event.keyCode==13) return false; " oninput="this.style.height='0px';this.style.height=(this.scrollHeight+'px');" onpropertychange="this.style.height=(this.scrollHeight+'px')" /></textarea> 
</body> 
</html>
Javascript 相关文章推荐
使用JS实现jQuery的addClass, removeClass, hasClass函数功能
Oct 31 Javascript
JavaScript错误处理
Feb 03 Javascript
jQuery EasyUI中DataGird动态生成列的方法
Apr 05 Javascript
JS实现数字格式千分位相互转换方法
Aug 01 Javascript
JavaScript正则表达式小结(test|match|search|replace|split|exec)
Dec 08 Javascript
清除浏览器缓存的几种方法总结(必看)
Dec 09 Javascript
利用原生JS与jQuery实现数字线性变化的动画
Feb 24 Javascript
阿里大于短信验证码node koa2的实现代码(最新)
Sep 07 Javascript
微信小程序实现文件、图片上传功能
Aug 18 Javascript
vue 实现单选框设置默认选中值
Nov 07 Javascript
js实现跳一跳小游戏
Jul 31 Javascript
React Native项目框架搭建的一些心得体会
May 28 Javascript
javascript算法学习(直接插入排序)
Apr 12 #Javascript
jQuery实战之仿淘宝商城左侧导航效果
Apr 12 #Javascript
jquery监控数据是否变化(修正版)
Apr 12 #Javascript
javascript学习笔记(九)javascript中的原型(prototype)及原型链的继承方式
Apr 12 #Javascript
javascript 学习笔记(八)javascript对象
Apr 12 #Javascript
jQuery的初始化与对象构建之浅析
Apr 12 #Javascript
避免回车键导致的页面无意义刷新的解决方法
Apr 12 #Javascript
You might like
PHP笔记之:基于面向对象设计的详解
2013/05/14 PHP
基于session_unset与session_destroy的区别详解
2013/06/03 PHP
yii框架builder、update、delete使用方法
2014/04/30 PHP
phpstorm编辑器乱码问题解决
2014/12/01 PHP
php+mysql查询实现无限下级分类树输出示例
2016/10/03 PHP
php 变量引用与变量销毁机制详细介绍
2016/12/05 PHP
JavaScript DOM 学习第五章 表单简介
2010/02/19 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
JavaScript操作 url 中 search 部分方法函数
2016/06/15 Javascript
js判断所有表单项不为空则提交表单的实现方法
2016/09/09 Javascript
JS 仿支付宝input文本输入框放大组件的实例
2017/11/14 Javascript
微信小程序模板(template)使用详解
2018/01/31 Javascript
vue生成文件本地打开查看效果的实例
2018/09/06 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
使用异步组件优化Vue应用程序的性能
2019/04/28 Javascript
理解Proxy及使用Proxy实现vue数据双向绑定操作
2020/07/18 Javascript
js动态生成表格(节点操作)
2021/01/12 Javascript
[49:08]Secret vs VP 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/20 DOTA
[40:12]Liquid vs Chaos 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/16 DOTA
[49:15]DOTA2-DPC中国联赛 正赛 CDEC vs XG BO3 第二场 1月19日
2021/03/11 DOTA
Python 2.7.x 和 3.x 版本的重要区别小结
2014/11/28 Python
Python自动连接ssh的方法
2015/03/07 Python
使用py2exe在Windows下将Python程序转为exe文件
2016/03/04 Python
详解用TensorFlow实现逻辑回归算法
2018/05/02 Python
利用python如何在前程无忧高效投递简历
2019/05/07 Python
Python迭代器iterator生成器generator使用解析
2019/10/24 Python
Pytorch GPU显存充足却显示out of memory的解决方式
2020/01/13 Python
python操作链表的示例代码
2020/09/27 Python
英国领先的鞋类零售商:Shoe Zone
2018/12/13 全球购物
请说出以下代码输出什么
2013/08/30 面试题
英语教师岗位职责
2014/03/16 职场文书
项目合作协议书范本
2014/04/16 职场文书
感谢信怎么写
2015/01/21 职场文书
2015年六一儿童节活动方案
2015/05/05 职场文书
详解java如何集成swagger组件
2021/06/21 Java/Android
MyBatis在注解上使用动态SQL方式(@select使用if)
2022/07/07 Java/Android