编程 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 相关文章推荐

ExtJs事件机制基本代码模型和流程解析

Oct 24 Javascript

JavaScript限定复选框的选择个数示例代码

Aug 25 Javascript

JS画线(实例代码)

Nov 20 Javascript

禁止拷贝网页内容的js代码

Jan 22 Javascript

jQuery实现折线图的方法

Feb 28 Javascript

JavaScript实现点击按钮复制指定区域文本(推荐)

Nov 25 Javascript

浅谈jQuery的bind和unbind事件(绑定和解绑事件)

Mar 02 Javascript

浅谈基于Vue.js的移动组件库cube-ui

Dec 20 Javascript

在Angular中使用JWT认证方法示例

Sep 10 Javascript

微信小程序与公众号实现数据互通的方法

Jul 25 Javascript

使用Vue调取接口,并渲染数据的示例代码

Oct 28 Javascript

Vue数字输入框组件使用方法详解

Feb 10 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

深入解析yii权限分级式访问控制的实现(非RBAC法)

2013/06/13 PHP

Yii实现MySQL多数据库和读写分离实例分析

2014/12/03 PHP

php中$_POST与php://input的区别实例分析

2015/01/07 PHP

joomla数据库操作示例代码

2016/01/06 PHP

Laravel 实现密码重置功能

2018/02/23 PHP

jquery对表单操作2

2011/04/06 Javascript

jQuery实现图片信息的浮动显示实例代码

2013/08/28 Javascript

jQuery针对各类元素操作基础教程

2014/08/29 Javascript

js通过location.search来获取页面传来的参数

2014/09/11 Javascript

Jquery $.getJSON 在IE下的缓存问题解决方法

2014/10/10 Javascript

简单谈谈javascript Date类型

2015/09/06 Javascript

javascript电商网站抢购倒计时效果实现

2015/11/19 Javascript

JavaScript拖拽、碰撞、重力及弹性运动实例分析

2016/01/08 Javascript

js仿QQ中对联系人向左滑动、滑出删除按钮的操作

2016/04/07 Javascript

Angular.Js中过滤器filter与自定义过滤器filter实例详解

2017/05/08 Javascript

vue2.0结合Element实现select动态控制input禁用实例

2017/05/12 Javascript

Ionic学习日记实现验证码倒计时

2018/02/08 Javascript

Nodejs 发布自己的npm包并制作成命令行工具的实例讲解

2018/05/15 NodeJs

Vue+mui实现图片的本地缓存示例代码

2018/05/24 Javascript

element-ui table组件如何使用render属性的实现

2019/11/04 Javascript

Python 命令行非阻塞输入的小例子

2013/09/27 Python

pandas数值计算与排序方法

2018/04/12 Python

Python实现查看系统启动项功能示例

2018/05/10 Python

Python下应用opencv 实现人脸检测功能

2019/10/24 Python

Python使用urllib模块对URL网址中的中文编码与解码实例详解

2020/02/18 Python

Django用户登录与注册系统的实现示例

2020/06/03 Python

python基于opencv实现人脸识别

2021/01/04 Python

美国购物网站：Clickhere2shop

2021/01/28 全球购物

J2EE面试题集锦(附答案)

2013/08/16 面试题

竞选村长演讲稿

2014/04/28 职场文书

2015年社区纪检工作总结

2015/04/21 职场文书

董事长年会致辞

2015/07/29 职场文书

治庸问责工作总结

2015/08/11 职场文书

2021-4-3课程——SQL Server查询【2】

2021/04/05 SQL Server

Pandas数据类型之category的用法

2021/06/28 Python

python百行代码实现汉服圈图片爬取

2021/11/23 Python