编程 Javascript

jQuery实现textarea自动增长宽高的方法

Posted in Javascript onDecember 18, 2015

本文实例讲述了jQuery实现textarea自动增长宽高的方法。分享给大家供大家参考，具体如下：

<script type="text/javascript">
$(function(){
$("#iptcont").bind("keydown",function(e){
var key = e.which,that = this,h = 20;
if (key == 13) {
var brs = $(this).val().split("\n").length+1;
$(this).attr("rows",brs).height(h*brs);
}else if(key == 8){
window.setTimeout(function(){
var brs = $(that).val().split("\n").length;
$(that).attr("rows",brs).height(h*brs);
},100);
}
});
});
</script>
<body>
<textarea id="iptcont" rows="1" style="border:none;height:20px;border-bottom:1px solid blue;width:200px;resize:none;font-size:18px;line-height:20px;overflow:hidden;"></textarea>
</body>

希望本文所述对大家jQuery程序设计有所帮助。

- Author -

leejersey

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JavaScript 给汉字排序实例代码

Jun 28 Javascript

20款非常优秀的 jQuery 工具提示插件推荐

Jul 15 Javascript

jQuery实现表格展开与折叠的方法

May 04 Javascript

解决jQuery使用JSONP时产生的错误

Dec 02 Javascript

js自定义回调函数

Dec 13 Javascript

ClearTimeout消除闪动实例代码

Feb 29 Javascript

AngularJS入门教程之AngularJS 模板

Aug 18 Javascript

JavaScript基础之this详解

Jun 04 Javascript

pm2 部署 node的三种方法示例

Oct 20 Javascript

用jquery获取select标签中选中的option值及文本的示例

Jan 25 jQuery

vue.js 子组件无法获取父组件store值的解决方式

Nov 08 Javascript

浅谈Vue SSR中的Bundle的具有使用

Nov 21 Javascript

jquery简单倒计时实现方法

Dec 18 #Javascript

js命名空间写法示例

Dec 18 #Javascript

JavaScript Split()方法

Dec 18 #Javascript

jquery中object对象循环遍历的方法

Dec 18 #Javascript

JavaScript的Number对象的toString()方法

Dec 18 #Javascript

JavaScript ParseFloat()方法

Dec 18 #Javascript

jquery中ajax跨域方法实例分析

Dec 18 #Javascript

You might like

极典R601SW收音机

2021/03/02 无线电

php编写一个简单的路由类

2011/04/13 PHP

php中file_exists函数使用详解

2015/05/08 PHP

实例详解PHP中html word 互转的方法

2016/01/28 PHP

使用javascript访问XML数据的实例

2006/12/27 Javascript

HTML代码中标签的全部属性中文注释说明

2009/03/26 Javascript

JS组件Bootstrap ContextMenu右键菜单使用方法

2016/04/17 Javascript

AngularJS控制器之间的通信方式详解

2016/11/03 Javascript

jacascript DOM节点——元素节点、属性节点、文本节点

2017/04/18 Javascript

VUE axios上传图片到七牛的实例代码

2017/07/28 Javascript

JSON创建键值对（key是中文或者数字）方式详解

2017/08/24 Javascript

JavaScript数据类型的存储方法详解

2017/08/25 Javascript

Vue.js简易安装和快速入门（第二课）

2017/10/17 Javascript

详解ES6通过WeakMap解决内存泄漏问题

2018/03/09 Javascript

NodeJs 文件系统操作模块fs使用方法详解

2018/11/26 NodeJs

js构造函数constructor和原型prototype原理与用法实例分析

2020/03/02 Javascript

Node.js API详解之 V8模块用法实例分析

2020/06/05 Javascript

[01:11:27]2018DOTA2亚洲邀请赛小组赛 A组加赛 Newbee vs Optic

2018/04/03 DOTA

简单介绍Python的Tornado框架中的协程异步实现原理

2015/04/23 Python

Python实现简单的四则运算计算器

2016/11/02 Python

python 接口测试response返回数据对比的方法

2018/02/11 Python

python SMTP实现发送带附件电子邮件

2018/05/22 Python

Python绘制频率分布直方图的示例

2019/07/08 Python

python字典的常用方法总结

2019/07/31 Python

python NumPy ndarray二维数组按照行列求平均实例

2019/11/26 Python

将python包发布到PyPI和制作whl文件方式

2019/12/25 Python

pytorch sampler对数据进行采样的实现

2019/12/31 Python

基于opencv的selenium滑动验证码的实现

2020/07/24 Python

HTML5画渐变背景图片并自动下载实现步骤

2013/11/18 HTML / CSS

Everlast官网：拳击、综合格斗和健身相关的体育用品

2020/08/03 全球购物

某个公司的Java笔面试题

2016/03/11 面试题

初中数学教学反思

2014/01/16 职场文书

车辆年审委托书范本

2014/09/18 职场文书

2016党校学习心得体会范文

2016/01/07 职场文书

nginx之queue的具体使用

2022/06/28 Servers

SqlServer常用函数及时间处理小结

2023/05/08 SQL Server