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 ready(fn)事件使用介绍
Aug 21 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
AngularJS优雅的自定义指令
Jul 01 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
Node.js服务器开启Gzip压缩教程
Aug 11 Javascript
vue-cli项目修改文件热重载失效的解决方法
Sep 19 Javascript
浅谈javascript中的prototype和__proto__的理解
Apr 07 Javascript
微信小程序实现上传word、txt、Excel、PPT等文件功能
May 23 Javascript
解决layui弹出层layer的area过大被遮挡的问题
Sep 21 Javascript
react的hooks的用法详解
Oct 12 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
用Socket发送电子邮件
2006/10/09 PHP
php数组函数序列之in_array() - 查找数组中是否存在指定值
2011/11/07 PHP
php下载文件源代码(强制任意文件格式下载)
2014/05/09 PHP
PHP实现的简单三角形、矩形周长面积计算器分享
2014/11/18 PHP
如何使用php实现评委评分器
2015/07/31 PHP
JavaScript中合并数组的N种方法
2014/09/16 Javascript
JavaScript获取表单enctype属性的方法
2015/04/02 Javascript
javascript入门之window对象【新手必看】
2016/11/22 Javascript
JS实现给对象动态添加属性的方法
2017/01/05 Javascript
基于HTML5+JS实现本地图片裁剪并上传功能
2017/03/24 Javascript
JS简单实现获取元素的封装操作示例
2017/04/07 Javascript
react高阶组件经典应用之权限控制详解
2017/09/07 Javascript
vue-i18n结合Element-ui的配置方法
2019/05/20 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
2019/08/11 Javascript
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
学习Python3 Dlib19.7进行人脸面部识别
2018/01/24 Python
Django基于ORM操作数据库的方法详解
2018/03/27 Python
pandas.loc 选取指定列进行操作的实例
2018/05/18 Python
python实现时间o(1)的最小栈的实例代码
2018/07/23 Python
python实现WebSocket服务端过程解析
2019/10/18 Python
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
Python爬取YY评级分数并保存数据实现过程解析
2020/06/01 Python
tensorflow 2.1.0 安装与实战教程(CASIA FACE v5)
2020/06/30 Python
python 如何使用find和find_all爬虫、找文本的实现
2020/10/16 Python
ASOS比利时:英国线上零售商及自有品牌
2018/07/29 全球购物
俄罗斯购买剧院和演唱会门票网站:Parter.ru
2019/11/09 全球购物
转预备党员政审材料
2014/02/06 职场文书
高中班级口号
2014/06/09 职场文书
幼儿园爱国卫生月活动总结
2014/06/30 职场文书
市场营销工作计划书
2014/09/15 职场文书
优秀教研组申报材料
2014/12/26 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
财务人员入职担保书
2015/09/22 职场文书
2016年寒假生活小结
2015/10/10 职场文书
成人成长感言如何写?
2019/08/16 职场文书
MySQL 分页查询的优化技巧
2021/05/12 MySQL