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

ExtJS 2.0实用简明教程之ExtJS版的Hello

Apr 29 Javascript

jquery 将disabled的元素置为enabled的三种方法

Jul 25 Javascript

js 获取时间间隔实现代码

May 12 Javascript

JQuery中DOM事件冒泡实例分析

Jun 13 Javascript

jQuery插件boxScroll实现图片轮播特效

Jul 14 Javascript

Javascript页面跳转常见实现方式汇总

Nov 28 Javascript

js+html5实现的自由落体运动效果代码

Jan 28 Javascript

基于HTML模板和JSON数据的JavaScript交互(移动端)

Apr 06 Javascript

Node.js查找当前目录下文件夹实例代码

Mar 07 Javascript

Vue2.0 http请求以及loading展示实例

Mar 06 Javascript

微信小程序scroll-view仿拼多多横向滑动滚动条

Apr 21 Javascript

小程序实现左右来回滚动字幕效果

Dec 28 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

yii框架源码分析之创建controller代码

2011/06/28 PHP

php中字符集转换iconv函数使用总结

2014/10/11 PHP

在Windows系统下使用PHP生成Word文档的教程

2015/07/03 PHP

PHP读取文本文件并逐行输出该行使用最多的字符与对应次数的方法

2016/11/25 PHP

thinkphp ajaxfileupload实现异步上传图片的示例

2017/08/28 PHP

laravel框架使用阿里云短信发送消息操作示例

2020/02/15 PHP

JavaScript 三种不同位置代码的写法

2009/10/25 Javascript

通过判断JavaScript的版本实现执行不同的代码

2010/05/11 Javascript

用jquery实现等比例缩放图片效果插件

2010/07/24 Javascript

基于JQuery的多标签实现代码

2012/09/19 Javascript

javascript使用定时函数实现跳转到某个页面

2013/12/25 Javascript

JavaScript采用递归算法计算阶乘实例

2015/08/04 Javascript

jquery插件uploadify实现带进度条的文件批量上传

2015/12/13 Javascript

浅析javascript函数表达式

2016/02/10 Javascript

js改变透明度实现轮播图的算法

2020/08/24 Javascript

树结构之JavaScript

2017/01/24 Javascript

javascript表达式和运算符详解

2017/02/07 Javascript

Angular中$broadcast和$emit的使用方法详解

2017/05/22 Javascript

NodeJS实现图片上传代码(Express)

2017/06/30 NodeJs

微信小程序基于本地缓存实现点赞功能的方法

2017/12/18 Javascript

vue2中引用及使用 better-scroll的方法详解

2018/11/15 Javascript

微信小程序动态显示项目倒计时

2019/06/20 Javascript

JavaScript中callee和caller的区别与用法实例分析

2019/06/28 Javascript

[04:11]DOTA2亚洲邀请赛小组赛第一日 TOP10精彩集锦

2015/01/30 DOTA

python实现提取百度搜索结果的方法

2015/05/19 Python

python文件操作之目录遍历实例分析

2015/05/20 Python

PyCharm使用教程之搭建Python开发环境

2016/06/07 Python

tensorflow创建变量以及根据名称查找变量

2018/03/10 Python

Django使用Mysql数据库已经存在的数据表方法

2018/05/27 Python

python实现求特征选择的信息增益

2018/12/18 Python

pyqt5实现俄罗斯方块游戏

2019/01/11 Python

Servlet的实例是在生命周期什么时候创建的？配置servlet最重要的是什么？

2012/05/30 面试题

八年级历史教学反思

2014/01/10 职场文书

青年安全生产示范岗事迹材料

2014/05/04 职场文书

信息管理专业自荐书

2014/06/05 职场文书

带你学习MySQL执行计划

2021/05/31 MySQL