编程 Javascript

让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 到 JQuery (1)学习小结

Feb 12 Javascript

特殊情况下如何获取span里面的值

May 20 Javascript

JavaScript数组常用操作技巧汇总

Nov 17 Javascript

jQuery实现html表格动态添加新行的方法

May 28 Javascript

基于Bootstrap实现tab标签切换效果

Apr 15 Javascript

js实现无缝循环滚动

Jun 23 Javascript

js初始化验证实例详解

Nov 26 Javascript

微信小程序首页制作简单实例

Apr 07 Javascript

Angular4学习笔记之实现绑定和分包

Aug 01 Javascript

Angular模板表单校验方法详解

Aug 11 Javascript

jquery实现回车键触发事件(实例讲解)

Nov 21 jQuery

详解webpack2异步加载套路

Sep 14 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

jquery tab插件制作实现代码

2010/06/22 Javascript

js DOM的学习笔记

2011/12/22 Javascript

js模拟点击事件实现代码

2012/11/06 Javascript

jQuery中slideUp 和 slideDown 的点击事件

2015/02/26 Javascript

jquery 插件实现多行文本框[textarea]自动高度

2015/03/04 Javascript

javascript组合使用构造函数模式和原型模式实例

2015/06/04 Javascript

基于jQuery实现的双11天猫拆红包抽奖效果

2015/12/01 Javascript

jQuery的事件预绑定

2016/12/05 Javascript

基于Angularjs+mybatis实现二级评论系统(仿简书)

2017/02/13 Javascript

详解webpack es6 to es5支持配置

2017/05/04 Javascript

bootstrap table实现点击翻页功能可记录上下页选中的行

2017/09/28 Javascript

angular中不同的组件间传值与通信的方法

2017/11/04 Javascript

vue 开发一个按钮组件的示例代码

2018/03/27 Javascript

js canvas实现红包照片效果

2018/08/21 Javascript

JS实现的类似微信聊天效果示例

2019/01/29 Javascript

js核心基础之构造函数constructor用法实例分析

2019/05/11 Javascript

element-ui中Table表格省市区合并单元格的方法实现

2019/08/07 Javascript

js实现ajax的用户简单登入功能

2020/06/18 Javascript

[00:03]DOTA2新版本PA至宝展示

2014/11/19 DOTA

Python性能优化技巧

2015/03/09 Python

Python中遇到的小问题及解决方法汇总

2017/01/11 Python

python基础梳理（一）（推荐）

2019/04/06 Python

PYTHON绘制雷达图代码实例

2019/10/15 Python

Python读取JSON数据操作实例解析

2020/05/18 Python

详解Python IO口多路复用

2020/06/17 Python

Python操作MySQL数据库的示例代码

2020/07/13 Python

Python趣味入门教程之循环语句while

2020/08/26 Python

Proenza Schouler官方网站：纽约女装和配饰品牌

2019/01/03 全球购物

《蒲公英》教学反思

2014/02/28 职场文书

房屋出租协议书

2014/04/10 职场文书

学习雷锋演讲稿

2014/05/10 职场文书

乱丢垃圾袋检讨书

2014/10/08 职场文书

2015年端午节国旗下演讲稿

2015/03/19 职场文书

劳动者解除劳动合同通知书

2015/04/16 职场文书

PHP策略模式写法

2021/04/01 PHP

Java 中的 Unsafe 魔法类的作用大全

2021/06/26 Java/Android