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

Mootools 1.2教程选项卡效果（Tabs）

Sep 15 Javascript

js DataSet数据源处理代码

Mar 29 Javascript

jQuery.Autocomplete实现自动完成功能（详解）

Jul 13 Javascript

ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList

Feb 03 Javascript

javascript setinterval 的正确语法如何书写

Jun 17 Javascript

javascript实现限制上传文件大小

Feb 06 Javascript

微信小程序 form组件详解及简单实例

Jan 10 Javascript

react-native使用leanclound消息推送的方法

Aug 06 Javascript

从源码里了解vue中的nextTick的使用

Nov 22 Javascript

仿vue-cli搭建属于自己的脚手架的方法步骤

Apr 17 Javascript

Vue项目配置跨域访问和代理proxy设置方式

Sep 08 Javascript

React 条件渲染最佳实践小结(7种)

Sep 27 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自定义apk安装包实例

2014/10/20 PHP

thinkphp命名空间用法实例详解

2015/12/30 PHP

PHP利用二叉堆实现TopK-算法的方法详解

2017/04/24 PHP

PHP实现的多维数组排序算法分析

2018/02/10 PHP

thinkphp框架实现路由重定义简化url访问地址的方法分析

2020/04/04 PHP

PHP常用字符串输出方法分析(echo,print,printf及sprintf)

2021/03/09 PHP

Prototype使用指南之enumerable.js

2007/01/10 Javascript

基于Jquery制作的幻灯片图集效果打包下载

2011/02/12 Javascript

异步javascript的原理和实现技巧介绍

2012/11/08 Javascript

JavaScript将Table导出到Excel实现思路及代码

2013/03/13 Javascript

JavaScript和CSS通过expression实现Table居中显示

2013/06/28 Javascript

JavaScript中window、doucment、body的解释

2013/08/14 Javascript

javascript如何创建表格(javascript绘制表格的二种方法)

2013/12/10 Javascript

为jquery的ajaxfileupload增加附加参数的方法

2014/03/04 Javascript

5个JavaScript经典面试题

2014/10/13 Javascript

js查找节点的方法小结

2015/01/13 Javascript

纯js代码实现简单计算器

2015/12/02 Javascript

基于node.js之调试器详解

2017/08/22 Javascript

Vue模板语法中数据绑定的实例代码

2019/05/17 Javascript

基于 vue-skeleton-webpack-plugin 的骨架屏实战

2019/08/05 Javascript

浅谈vue中组件绑定事件时是否加.native

2019/11/09 Javascript

Nuxt.js的路由跳转操作(页面跳转nuxt-link)

2020/11/06 Javascript

js定时器出现第一次延迟的原因及解决方法

2021/01/04 Javascript

在Python中处理列表之reverse()方法的使用教程

2015/05/21 Python

python与php实现分割文件代码

2017/03/06 Python

多版本Python共存的配置方法

2017/05/22 Python

Python for循环及基础用法详解

2019/11/08 Python

Transpose 数组行列转置的限制方式

2020/02/11 Python

python绘制封闭多边形教程

2020/02/18 Python

python+excel接口自动化获取token并作为请求参数进行传参操作

2020/11/10 Python

Lookfantastic台湾：英国彩妆美发保养购物网

2018/03/26 全球购物

可以在一个PHP文件里面include另外一个PHP文件两次吗

2015/05/22 面试题

组织关系转移介绍信

2014/01/16 职场文书

2014年公务员思想汇报范文：全心全意为人民服务

2014/03/06 职场文书

特岗教师个人总结

2015/02/10 职场文书

小学生暑假生活总结

2015/07/13 职场文书