让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脚本性能优化注意事项
Nov 18 Javascript
jQuery实现原理的模拟代码 -6 代码下载
Aug 16 Javascript
来自国外的14个图片放大编辑的jQuery插件整理
Oct 20 Javascript
jquery插件 autoComboBox 下拉框
Dec 22 Javascript
JavaScript加入收藏夹功能(兼容IE、firefox、chrome)
May 05 Javascript
JavaScript位置与大小(1)之正确理解和运用与尺寸大小相关的DOM属性
Dec 26 Javascript
BootStrap+Angularjs+NgDialog实现模式对话框
Aug 24 Javascript
浅谈JavaScript事件绑定的常用方法及其优缺点分析
Nov 01 Javascript
JavaScript中附件预览功能实现详解(推荐)
Aug 15 Javascript
Koa2微信公众号开发之消息管理
May 16 Javascript
Node.js npm命令运行node.js脚本的方法
Oct 10 Javascript
Node快速切换版本、版本回退(降级)、版本更新(升级)
Jan 07 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编程最快明白》第三讲:php数组
2010/11/01 PHP
smarty模板引擎中自定义函数的方法
2015/01/22 PHP
PHP实现动态执行代码的方法
2016/03/25 PHP
php解析mht文件转换成html的实例
2017/03/13 PHP
tp5.1框架数据库子查询操作实例分析
2020/05/26 PHP
php+js实现的拖动滑块验证码验证表单操作示例【附源码下载】
2020/05/27 PHP
js form action动态修改方法
2008/11/04 Javascript
javascript 获取所有id中包含某关键字的控件的实现代码
2010/11/25 Javascript
js 弹出菜单/窗口效果
2011/10/30 Javascript
JavaScript设计模式之原型模式(Object.create与prototype)介绍
2014/12/28 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
JavaScript的模块化开发框架Sea.js上手指南
2016/05/12 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
Node.js批量给图片加水印的方法
2016/11/15 Javascript
Vue.js仿Metronic高级表格(一)静态设计
2017/04/17 Javascript
Angular.js中ng-include用法及多标签页面的实现方式详解
2017/05/07 Javascript
Angular.JS内置服务$http对数据库的增删改使用教程
2017/05/07 Javascript
原生JS实现 MUI导航栏透明渐变效果
2017/11/07 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
js实现控制文件拖拽并获取拖拽内容功能
2018/02/17 Javascript
微信小程序实现带缩略图轮播效果
2018/11/04 Javascript
JavaScript展开操作符(Spread operator)详解
2019/07/20 Javascript
中级前端工程师必须要掌握的27个JavaScript 技巧(干货总结)
2019/09/23 Javascript
VUE 直接通过JS 修改html对象的值导致没有更新到数据中解决方法分析
2019/12/02 Javascript
vue实现井字棋游戏
2020/09/29 Javascript
Python查询Mysql时返回字典结构的代码
2012/06/18 Python
python判断给定的字符串是否是有效日期的方法
2015/05/13 Python
利用python画一颗心的方法示例
2017/01/31 Python
Python数据结构与算法之字典树实现方法示例
2017/12/13 Python
python生成圆形图片的方法
2020/03/25 Python
在Pytorch中使用样本权重(sample_weight)的正确方法
2019/08/17 Python
使用pytorch完成kaggle猫狗图像识别方式
2020/01/10 Python
解决python执行较大excel文件openpyxl慢问题
2020/05/15 Python
美国室内和室外装饰花盆购物网站:ePlanters
2019/03/22 全球购物
用Python实现Newton插值法
2021/04/17 Python
Javascript之datagrid查询详解
2021/09/15 Javascript