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程序设计有所帮助。

Javascript 相关文章推荐
基于jquery的滚动条滚动固定div(附演示下载)
Oct 29 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
在每个匹配元素的外部插入新元素的方法
Dec 20 Javascript
学习javascript的闭包,原型,和匿名函数之旅
Oct 18 Javascript
JS &amp; 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