编程 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 相关文章推荐

Prototype1.5 rc2版指南最后一篇之Position

Jan 10 Javascript

Js组件的一些写法

Sep 10 Javascript

JS文本框追加多个下拉框的值的简单实例

Jul 12 Javascript

jQuery中的height innerHeight outerHeight区别示例介绍

Jun 15 Javascript

jQuery中queue()方法用法实例

Dec 29 Javascript

JavaScript错误处理

Feb 03 Javascript

PHP+MySQL+jQuery随意拖动层并即时保存拖动位置实例讲解

Oct 09 Javascript

JavaScript给每一个li节点绑定点击事件的实现方法

Dec 01 Javascript

12个非常有用的JavaScript技巧

May 17 Javascript

AngularJS使用ocLazyLoad实现js延迟加载

Jul 05 Javascript

Bootstrap 模态对话框只加载一次 remote 数据的完美解决办法

Jul 09 Javascript

Element Input组件分析小结

Oct 11 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获取MSN好友列表类的实现代码

2013/06/23 PHP

C#使用PHP服务端的Web Service通信实例

2014/04/08 PHP

PHP的反射机制实例详解

2017/03/29 PHP

PHP实现一个多功能购物网站的案例

2017/09/13 PHP

不安全的常用的js写法

2009/09/15 Javascript

基于jquery的固定表头和列头的代码

2012/05/03 Javascript

jquery获取特定name所有选中的checkbox,支持IE9标准模式

2013/03/18 Javascript

jquery中插件实现自动添加用户的具体代码

2013/11/15 Javascript

JS+CSS实现表格高亮的方法

2015/08/05 Javascript

简单理解JavaScript中的封装与继承特性

2016/03/19 Javascript

ECHO.js 纯javascript轻量级延迟加载的实例代码

2016/05/24 Javascript

第十篇BootStrap轮播插件使用详解

2016/06/21 Javascript

JavaScript数据类型学习笔记分享

2016/09/01 Javascript

BootStrap fileinput.js文件上传组件实例代码

2017/02/20 Javascript

JS处理数据四舍五入(tofixed与round的区别详解)

2017/10/26 Javascript

vue中手机号,邮箱正则验证以及60s发送验证码的实例

2018/03/16 Javascript

Vue项目中使用jquery的简单方法

2019/05/16 jQuery

Vue data的数据响应式到底是如何实现的

2020/02/11 Javascript

jquery实现烟花效果(面向对象)

2020/03/10 jQuery

解决vue-router 切换tab标签关闭时缓存问题

2020/07/22 Javascript

Python中进程和线程的区别详解

2017/10/29 Python

Python数据可视化编程通过Matplotlib创建散点图代码示例

2017/12/09 Python

对python中的logger模块全面讲解

2018/04/28 Python

Python多进程池 multiprocessing Pool用法示例

2018/09/07 Python

Django使用paginator插件实现翻页功能的实例

2018/10/24 Python

python 获得任意路径下的文件及其根目录的方法

2019/02/16 Python

Django 批量插入数据的实现方法

2020/01/12 Python

Python Process创建进程的2种方法详解

2021/01/25 Python

eDreams澳大利亚：预订机票、酒店和度假产品

2017/04/19 全球购物

建筑设计专业求职自我评价

2014/03/02 职场文书

环保建议书500字

2014/05/14 职场文书

建筑院校毕业生求职信

2014/06/13 职场文书

因身体原因离职的辞职信范文

2015/05/12 职场文书

CSS 圆形进度栏

2021/04/06 HTML / CSS

晶体管来复再生式二管收音机

2021/04/22 无线电

Python基础之条件语句详解

2021/06/16 Python