编程 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 下拉列表二级联动插件分享

Mar 29 Javascript

javascipt:filter过滤介绍及使用

Sep 10 Javascript

javascript数据类型示例分享

Jan 19 Javascript

JavaScript中的分号插入机制详细介绍

Feb 11 Javascript

详解JavaScript函数

Dec 01 Javascript

jQuery实现公告新闻自动滚屏效果实例代码

Jul 14 Javascript

JavaScript蒙板(model)功能的简单实现代码

Aug 04 Javascript

js 自带的sort() 方法全面了解

Aug 16 Javascript

vue webpack实用技巧总结

Apr 24 Javascript

微信小程序开发实现的IP地址查询功能示例

Mar 28 Javascript

OpenLayers实现图层切换控件

Sep 25 Javascript

原生js实现滑块区间组件

Jan 20 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

使用HMAC-SHA1签名方法详解

2013/06/26 PHP

php中final关键字用法分析

2016/12/07 PHP

漂亮的thinkphp 跳转页封装示例

2019/10/16 PHP

cnblogs 代码高亮显示后的代码复制问题解决实现代码

2011/12/14 Javascript

js定时器怎么写？就是在特定时间执行某段程序

2013/10/11 Javascript

JQuery+CSS实现图片上放置按钮的方法

2015/05/29 Javascript

JS实现网页游戏中滑块响应鼠标点击移动效果

2015/10/19 Javascript

BootStrap智能表单实战系列(六)表单编辑页面的数据绑定

2016/06/13 Javascript

JS代码实现根据时间变换页面背景效果

2016/06/16 Javascript

Javascript 基础---Ajax入门必看

2016/07/06 Javascript

微信小程序 swiper组件详解及实例代码

2016/10/25 Javascript

AngularJS入门示例之Hello World详解

2017/01/04 Javascript

JavaScript中localStorage对象存储方式实例分析

2017/01/12 Javascript

详解Angular 4 表单快速入门

2017/06/05 Javascript

Javascript 实现 Excel 导入生成图表功能

2018/10/22 Javascript

浅谈React碰到v-if

2018/11/04 Javascript

layui点击数据表格添加或删除一行的例子

2019/09/12 Javascript

详解Vue 项目中的几个实用组件（ts）

2019/10/29 Javascript

解决vue更新路由router-view复用组件内容不刷新的问题

2019/11/04 Javascript

JS实现前端动态分页码代码实例

2020/06/02 Javascript

教大家使用Python SqlAlchemy

2016/02/12 Python

Python random模块用法解析及简单示例

2017/12/18 Python

Python字典的核心底层原理讲解

2019/01/24 Python

Python元组知识点总结

2019/02/18 Python

详解Python实现进度条的4种方式

2020/01/15 Python

Python中实现输入超时及如何通过变量获取变量名

2020/01/18 Python

提高python代码运行效率的一些建议

2020/09/29 Python

韩国三星旗下的一家超市连锁店：Home Plus

2016/07/30 全球购物

英国建筑用品在线：Building Supplies Online（BSO）

2018/04/30 全球购物

精选干货：Java精选笔试题附答案

2014/01/18 面试题

回门宴新郎答谢词

2014/01/12 职场文书

管理部副部长岗位职责范文

2014/03/09 职场文书

户外宣传策划方案

2014/05/25 职场文书

英文升职感谢信

2015/01/23 职场文书

运动会开幕式主持词

2015/07/01 职场文书

2016大学生国家助学贷款承诺书

2016/03/25 职场文书