编程 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 contains过滤器实现精确匹配使用方法

Apr 12 Javascript

JS+flash实现chrome和ie浏览器下同时可以复制粘贴

Sep 22 Javascript

js读取cookie方法总结

Oct 31 Javascript

JavaScript仿静态分页实现方法

Aug 04 Javascript

jquery实现表单输入时提示文字滑动向上效果

Aug 10 Javascript

常见JS验证脚本汇总

Dec 01 Javascript

jqueryMobile 动态添加元素,展示刷新视图的实现方法

May 28 Javascript

jQuery实现表格文本框淡入更改值后淡出效果

Sep 27 Javascript

微信小程序页面跳转传参详解

Oct 28 Javascript

JS字符串长度判断,超出进行自动截取的实例(支持中文)

Mar 06 Javascript

VUE axios上传图片到七牛的实例代码

Jul 28 Javascript

ajaxfileupload.js实现上传文件功能

Apr 19 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

新版mysql+apache+php Linux安装指南

2006/10/09 PHP

用PHP连mysql和oracle数据库性能比较

2006/10/09 PHP

ie6 动态缩略图不显示的原因

2009/06/21 PHP

PHP和Mysqlweb应用开发核心技术－第1部分 Php基础－2 php语言介绍

2011/07/03 PHP

PHP设计模式之观察者模式(Observer)详细介绍和代码实例

2014/04/08 PHP

php常用表单验证类用法实例

2015/06/18 PHP

php数组函数array_key_exists()小结

2015/12/10 PHP

PHP指定截取字符串中的中英文或数字字符的实例分享

2016/03/18 PHP

jQuery(1.3.2) 7行代码搞定跟随屏幕滚动的层

2009/05/21 Javascript

JQuery 学习技巧总结

2010/05/21 Javascript

一个原生的用户等级的进度条

2010/07/03 Javascript

JS注释所产生的bug 即使注释也会执行

2013/11/19 Javascript

百度地图自定义控件分享

2015/03/04 Javascript

javascript中的作用域和闭包详解

2016/01/13 Javascript

Bootstrap模仿起筷首页效果

2016/05/09 Javascript

jQuery学习笔记——jqGrid的使用记录（实现分页、搜索功能）

2016/11/09 Javascript

JS中实现函数return多个返回值的实例

2017/02/21 Javascript

vue框架下部署上线后刷新报404问题的解决方案(推荐)

2019/04/03 Javascript

[02:55]含熏伴清风，风行者至宝、屠夫身心及典藏宝瓶二展示

2020/09/08 DOTA

python list使用示例 list中找连续的数字

2014/01/27 Python

编写Python的web框架中的Model的教程

2015/04/29 Python

python中字符串变二维数组的实例讲解

2018/04/03 Python

对Python中9种生成新对象的方法总结

2018/05/23 Python

基于Python中求和函数sum的用法详解

2018/06/28 Python

python 寻找离散序列极值点的方法

2019/07/10 Python

Mac中PyCharm配置Anaconda环境的方法

2020/03/04 Python

解决Python paramiko 模块远程执行ssh 命令 nohup 不生效的问题

2020/07/14 Python

python实现登录与注册系统

2020/11/30 Python

HTML5的革新结构之美

2011/06/20 HTML / CSS

施华洛世奇美国官网：SWAROVSKI美国

2018/02/08 全球购物

韩国乐天网上商城：Lotte iMall

2021/02/03 全球购物

学校司机岗位职责

2013/11/14 职场文书

开展批评与自我批评心得体会

2014/10/17 职场文书

作弊检讨书

2015/01/27 职场文书

田径运动会广播稿

2015/08/19 职场文书

GoFrame框架数据校验之校验结果Error接口对象

2022/06/21 Golang