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 相关文章推荐
Javascript在IE或Firefox下获取鼠标位置的代码
Dec 18 Javascript
用jquery中插件dialog实现弹框效果实例代码
Nov 15 Javascript
Javascript中innerHTML用法实例分析
Jan 12 Javascript
jQuery实现仿美橙互联两级导航菜单的方法
Mar 09 Javascript
JS+CSS实现电子商务网站导航模板效果代码
Sep 10 Javascript
Bootstrap自定义文件上传下载样式
May 26 Javascript
jquery中取消和绑定hover事件的实现代码
Jun 02 Javascript
JavaScript利用正则表达式替换字符串中的内容
Dec 12 Javascript
Vue.js实现表格动态增加删除的方法(附源码下载)
Jan 20 Javascript
js中时间格式化的几种方法
Jul 22 Javascript
Angular6使用forRoot() 注册单一实例服务问题
Aug 27 Javascript
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
Nov 26 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 ZipArchive压缩函数详解实例
2013/11/06 PHP
ThinkPHP路由机制简介
2016/03/23 PHP
详解PHP队列的实现
2019/03/14 PHP
php命名空间设计思想、用法与缺点分析
2019/07/17 PHP
匹配任意字符的正则表达式写法
2010/04/29 Javascript
在jQuery1.5中使用deferred对象 着放大镜看Promise
2011/03/12 Javascript
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
2011/11/21 Javascript
浏览器的JavaScript引擎的识别方法
2013/10/20 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
jQuery实现的产品自动360度旋转展示特效源码分享
2015/08/21 Javascript
jquery 实现回车登录详解及实例代码
2016/10/23 Javascript
js实现3D图片环展示效果
2017/03/09 Javascript
详解在Vue中有条件地使用CSS类
2017/09/30 Javascript
使用JS代码实现俄罗斯方块游戏
2018/08/03 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
2019/02/18 Javascript
Vue单页面应用中实现Markdown渲染
2021/02/14 Vue.js
浅谈Python程序与C++程序的联合使用
2015/04/07 Python
深入浅析Python字符编码
2015/11/12 Python
win10环境下python3.5安装步骤图文教程
2017/02/03 Python
django进阶之cookie和session的使用示例
2018/08/17 Python
Python PO设计模式的具体使用
2019/08/16 Python
Python Subprocess模块原理及实例
2019/08/26 Python
Django密码存储策略分析
2020/01/09 Python
美国最大的网上冲印店:Shutterfly
2017/01/01 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
德国户外商店:eXXpozed
2020/07/25 全球购物
汽车检测与维修专业求职信
2013/10/30 职场文书
工商治理实习生的自我评价
2014/01/15 职场文书
护士岗位职责
2014/02/16 职场文书
高校教师自荐信范文
2014/03/13 职场文书
树转促学习心得体会
2014/09/10 职场文书
如何签定毕业生就业协议书
2014/09/28 职场文书
经营场所使用证明
2015/06/19 职场文书
Python通过m3u8文件下载合并ts视频的操作
2021/04/16 Python
面试必问:圣杯布局和双飞翼布局的区别
2021/05/13 HTML / CSS
笔记本自带的win11如何跳过联网激活?
2022/04/20 数码科技