让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 相关文章推荐
javascript 动态修改样式和层叠样式表代码
Apr 27 Javascript
JavaScript和JQuery的鼠标mouse事件冒泡处理
Jun 19 Javascript
JS实现常见的TAB、弹出层效果(TAB标签,斑马线,遮罩层等)
Oct 08 Javascript
JQuery中Ajax()的data参数类型实例分析
Dec 15 Javascript
使用BootStrap实现用户登录界面UI
Aug 10 Javascript
JavaScript实现网页头部进度条刷新
Apr 16 Javascript
vue.js删除动态绑定的radio的指定项
Jun 02 Javascript
JS实现加载时锁定HTML页面元素的方法
Jun 24 Javascript
AngularJS实现进度条功能示例
Jul 05 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
jQuery实现雪花飘落效果
Aug 02 jQuery
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
动态新闻发布的实现及其技巧
2006/10/09 PHP
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
编译php 5.2.14+fpm+memcached(具体操作详解)
2013/06/18 PHP
Laravel中扩展Memcached缓存驱动实现使用阿里云OCS缓存
2015/02/10 PHP
PHP删除指定目录中的所有目录及文件的方法
2015/02/26 PHP
Zend Framework教程之Zend_Form组件实现表单提交并显示错误提示的方法
2016/03/21 PHP
js计算页面刷新的次数
2009/07/20 Javascript
Javascript Function对象扩展之延时执行函数
2010/07/06 Javascript
js清理Word格式示例代码
2014/02/13 Javascript
js实现表单检测及表单提示的方法
2015/08/14 Javascript
Bootstrap Table表格一直加载(load)不了数据的快速解决方法
2016/09/17 Javascript
jQuery实现手机版页面翻页效果的简单实例
2016/10/05 Javascript
学习Node.js模块机制
2016/10/17 Javascript
JavaScript定时器实现的原理分析
2016/12/06 Javascript
Angularjs2不同组件间的通信实例代码
2017/05/06 Javascript
vue生成随机验证码的示例代码
2017/09/29 Javascript
基于 jQuery 实现键盘事件监听控件
2019/04/04 jQuery
使用vue实现各类弹出框组件
2019/07/03 Javascript
python中from module import * 的一个坑
2014/07/20 Python
用Python实现一个简单的线程池
2015/04/07 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
python实现函数极小值
2019/07/10 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
Tensorflow 模型转换 .pb convert to .lite实例
2020/02/12 Python
Python 使用xlwt模块将多行多列数据循环写入excel文档的操作
2020/11/10 Python
韩国休闲女装品牌网站:ANAIS
2016/08/24 全球购物
美国校园市场:OCM
2017/06/08 全球购物
教师节演讲稿
2014/05/06 职场文书
机械设计及其自动化专业求职信
2014/06/09 职场文书
2015年学生会干事工作总结
2015/04/09 职场文书
赢在执行观后感
2015/06/16 职场文书
公司会议开幕词
2016/03/03 职场文书
Django使用redis配置缓存的方法
2021/06/01 Redis
python使用matplotlib绘制图片时x轴的刻度处理
2021/08/30 Python
python使用torch随机初始化参数
2022/03/22 Python
Python编写冷笑话生成器
2022/04/20 Python