让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中判断一个元素是否为另一个元素的子元素(或者其本身)
Mar 21 Javascript
浏览器窗口加载和大小改变事件示例
Feb 27 Javascript
实例详解ECMAScript5中新增的Array方法
Apr 05 Javascript
浅析JavaScript中的array数组类型系统
Jul 18 Javascript
图文详解JavaScript的原型对象及原型链
Aug 02 Javascript
关于ES6的六个小特性(二)
Feb 20 Javascript
在Vue中使用echarts的实例代码(3种图)
Jul 10 Javascript
JS获取当前地理位置的方法
Oct 25 Javascript
Bootstrap实现的表格合并单元格示例
Feb 06 Javascript
还不懂递归?读完这篇文章保证你会懂
Jul 29 Javascript
js实现飞机大战游戏
Aug 26 Javascript
vue使用canvas实现移动端手写签名
Sep 22 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
《忧国的莫里亚蒂》先导宣传图与STAFF公开
2020/03/04 日漫
ThinkPHP多表联合查询的常用方法
2020/03/24 PHP
PHP实现合并discuz用户
2015/08/05 PHP
Javascript 函数对象的多重身份
2009/06/28 Javascript
js防止页面被iframe调用的方法
2014/10/30 Javascript
jQuery使用attr()方法同时设置多个属性值用法实例
2015/03/26 Javascript
javascript顺序加载图片的方法
2015/07/18 Javascript
在for循环中length值是否需要缓存
2015/07/27 Javascript
浅谈jquery点击label触发2次的问题
2016/06/12 Javascript
jQuery实现底部浮动窗口效果
2016/09/07 Javascript
基于JS+Canves实现点击按钮水波纹效果
2016/09/15 Javascript
Javascript继承机制详解
2017/05/30 Javascript
vue2.0全局组件之pdf详解
2017/06/26 Javascript
详解ES6 Promise的生命周期和创建
2019/08/18 Javascript
vue+element-ui JYAdmin后台管理系统模板解析
2020/07/28 Javascript
vue-cli单页面预渲染seo-prerender-spa-plugin操作
2020/08/10 Javascript
初学python数组的处理代码
2011/01/04 Python
Python Web框架Pylons中使用MongoDB的例子
2013/12/03 Python
python学习 流程控制语句详解
2016/06/01 Python
Python使用folium excel绘制point
2019/01/03 Python
Django实现学生管理系统
2019/02/26 Python
python数据库开发之MongoDB安装及Python3操作MongoDB数据库详细方法与实例
2020/03/18 Python
pycharm无法安装第三方库的问题及解决方法以scrapy为例(图解)
2020/05/09 Python
python里的单引号和双引号的有什么作用
2020/06/17 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
Django websocket原理及功能实现代码
2020/11/14 Python
HTML5 video视频字幕的使用和制作方法
2018/05/03 HTML / CSS
HTML5 canvas基本绘图之绘制五角星
2016/06/27 HTML / CSS
SheIn沙特阿拉伯:女装在线
2020/03/23 全球购物
澳大利亚在线床零售商:Bedworks
2020/09/01 全球购物
大学四年的个人自我评价
2014/01/14 职场文书
核心价值观演讲稿
2014/05/13 职场文书
党的群众路线对照检查材料思想汇报
2014/09/25 职场文书
新婚姻法离婚协议书范文
2014/11/30 职场文书
义诊活动总结
2015/02/04 职场文书
员工表扬信怎么写
2015/05/05 职场文书