让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 相关文章推荐
jquery中通过父级查找进行定位示例
Jun 28 Javascript
动态添加option及createElement使用示例
Jan 26 Javascript
Javascript递归打印Document层次关系实例分析
May 15 Javascript
详解JavaScript中的blink()方法的使用
Jun 08 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
微信小程序 五星评分(包括半颗星评分)实例代码
Dec 14 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
使用MUI框架模拟手机端的下拉刷新和上拉加载功能
Sep 04 Javascript
详解http访问解析流程原理
Oct 18 Javascript
vue 动态改变静态图片以及请求网络图片的实现方法
Feb 07 Javascript
React项目动态设置title标题的方法示例
Sep 26 Javascript
js实现的格式化数字和金额功能简单示例
Jul 30 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异步调用socket实现代码
2012/01/12 PHP
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
详解PHP序列化反序列化的方法
2015/10/27 PHP
Yii Framework框架使用PHPExcel组件的方法示例
2019/07/24 PHP
JavaScript 动态添加表格行 使用模板、标记
2009/10/24 Javascript
Notify - 基于jquery的消息通知插件
2011/10/18 Javascript
通过JS来动态的修改url,实现对url的增删查改
2014/09/01 Javascript
window.location的重写及判断location是否被重写
2014/09/04 Javascript
在css加载完毕后自动判断页面是否加入css或js文件
2014/09/10 Javascript
jQuery实现流动虚线框的方法
2015/01/29 Javascript
如何解决谷歌浏览器下jquery无法获取图片的尺寸
2015/09/10 Javascript
理解javascript中的MVC模式
2016/01/28 Javascript
jQuery实现的导航动画效果(附demo源码)
2016/04/01 Javascript
bootstrap-wysiwyg结合ajax实现图片上传实时刷新功能
2016/05/27 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
简化vuex的状态管理方案的方法
2018/06/02 Javascript
JS实现图片拖拽交换效果
2018/11/30 Javascript
js中Array对象的常用遍历方法详解
2019/01/17 Javascript
Vue路由管理器Vue-router的使用方法详解
2020/02/05 Javascript
vue实现五子棋游戏
2020/05/28 Javascript
[00:47]DOTA2荣耀之路6:天火,天火!
2018/05/30 DOTA
Djang中静态文件配置方法
2015/07/30 Python
python numpy函数中的linspace创建等差数列详解
2017/10/13 Python
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
python中pika模块问题的深入探究
2018/10/13 Python
Python sep参数使用方法详解
2020/02/12 Python
Python3自定义json逐层解析器代码
2020/05/11 Python
HTML里显示pdf、word、xls、ppt的方法示例
2020/04/14 HTML / CSS
美国摄影爱好者购物网站:Focus Camera
2016/10/21 全球购物
美国中小型企业领先的办公家具供应商:Office Designs
2016/11/26 全球购物
事业单位鉴定材料
2014/05/25 职场文书
二手房购房意向书
2015/05/09 职场文书
2015社区健康教育工作总结
2015/05/20 职场文书
2019年行政人事个人工作总结范本!
2019/07/19 职场文书