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

基于jquery的滚动条滚动固定div(附演示下载)

Oct 29 Javascript

jQuery弹出层始终垂直居中相对于屏幕或当前窗口

Apr 01 Javascript

在每个匹配元素的外部插入新元素的方法

Dec 20 Javascript

学习javascript的闭包,原型,和匿名函数之旅

Oct 18 Javascript

JS & JQuery 动态添加 select option

Jun 08 Javascript

微信小程序跳转传递数据的实例

Jul 06 Javascript

jquery实现左右轮播图效果

Sep 28 jQuery

vue实现微信获取用户信息的方法

Mar 21 Javascript

JQuery实现简单的复选框树形结构图示例【附源码下载】

Jul 16 jQuery

vuex + keep-alive实现tab标签页面缓存功能

Oct 17 Javascript

Javascript执行流程细节原理解析

May 14 Javascript

使用JavaScript实现贪吃蛇游戏

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

php 判断是否是中文/英文/数字示例代码

2013/09/30 PHP

php获取apk包信息的方法

2014/08/15 PHP

Yii实现单用户博客系统文章详情页插入评论表单的方法

2015/12/28 PHP

利用PHP如何统计Nginx日志的User Agent数据

2019/03/06 PHP

laravel5.6中的外键约束示例

2019/10/23 PHP

Laravel 模型使用软删除-左连接查询-表起别名示例

2019/10/24 PHP

javascript实现焦点滚动图效果具体方法

2013/06/24 Javascript

js 实现菜单左右滚动显示示例介绍

2013/11/21 Javascript

js判断设备是否为PC并调整图片大小

2014/02/12 Javascript

jQuery 选择器详解

2015/01/19 Javascript

使用jQuery Rotare实现微信大转盘抽奖功能

2016/06/20 Javascript

layDate日期控件使用方法详解

2018/11/15 Javascript

用Python遍历C盘dll文件的方法

2015/05/06 Python

Python中的复制操作及copy模块中的浅拷贝与深拷贝方法

2016/07/02 Python

python 3.6 tkinter+urllib+json实现火车车次信息查询功能

2017/12/20 Python

解决python3爬虫无法显示中文的问题

2018/04/12 Python

python3获取当前文件的上一级目录实例

2018/04/26 Python

python spyder中读取txt为图片的方法

2018/04/27 Python

基于Python开发chrome插件的方法分析

2018/07/07 Python

python pcm音频添加头转成Wav格式文件的方法

2019/01/09 Python

Form表单及django的form表单的补充

2019/07/25 Python

python标准库os库的函数介绍

2020/02/12 Python

pycharm新建Vue项目的方法步骤(图文)

2020/03/04 Python

python爬虫开发之使用python爬虫库requests，urllib与今日头条搜索功能爬取搜索内容实例

2020/03/10 Python

python中 _、__、__xx__()区别及使用场景

2020/06/30 Python

Python 如何操作 SQLite 数据库

2020/08/17 Python

详解python 条件语句和while循环的实例代码

2020/12/28 Python

编辑找工作求职信范文

2013/12/16 职场文书

环保倡议书50字

2014/05/15 职场文书

活动总结格式

2014/08/30 职场文书

法英专业大学生职业生涯规划范文：衡外情，量己力！

2014/09/23 职场文书

2015国际残疾人日活动总结

2015/03/24 职场文书

2016教师党员学习心得体会

2016/01/21 职场文书

《伯牙绝弦》教学反思

2016/02/16 职场文书

小学体育队列队形教学反思

2016/02/16 职场文书

redis实现共同好友的思路详解

2021/05/26 Redis