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

Prototype使用指南之enumerable.js

Jan 10 Javascript

Javascript学习笔记1 数据类型

Jan 11 Javascript

javascript cookies 设置、读取、删除实例代码

Apr 12 Javascript

jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法

May 13 Javascript

jQuery之Deferred对象详解

Sep 04 Javascript

JS实现霓虹灯文字效果的方法

Aug 06 Javascript

js实现瀑布流的三种方式比较

Jun 28 Javascript

Bootstrap3 模态框使用实例

Feb 22 Javascript

JS对象的深度克隆方法示例

Mar 16 Javascript

详解通过JSON数据使用VUE.JS

May 26 Javascript

javascript Function函数理解与实战

Dec 01 Javascript

vue项目在线上服务器访问失败原因分析

Aug 14 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书写安全的脚本代码

2012/02/05 PHP

php set_time_limit()函数的使用详解

2013/06/05 PHP

php去掉URL网址中带有PHPSESSID的配置方法

2014/07/08 PHP

php中把美国时间转为北京时间的自定义函数分享

2014/07/28 PHP

php通过function_exists检测函数是否存在的方法

2015/03/18 PHP

Yii框架表单提交验证功能分析

2017/01/07 PHP

/etc/php-fpm.d/www.conf 配置注意事项

2017/02/04 PHP

ThinkPHP框架实现数据增删改

2017/05/07 PHP

详细解读php的命名空间(二)

2018/02/21 PHP

Swoole4.4协程抢占式调度器详解

2019/05/23 PHP

JS 显示当前日期与时间的代码

2010/03/24 Javascript

jQuery提示效果代码分享

2014/11/20 Javascript

JavaScript的原型继承详解

2015/02/15 Javascript

jQuery实现区域打印功能代码详解

2016/06/17 Javascript

jQuery实现的导航下拉菜单效果

2016/07/04 Javascript

Angular JS 生成动态二维码的方法

2017/02/23 Javascript

xmlplus组件设计系列之分隔框（DividedBox)（8）

2017/05/02 Javascript

浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预

2017/06/25 Javascript

基于JavaScript实现无限加载瀑布流

2017/07/21 Javascript

vue2.0+SVG实现音乐播放圆形进度条组件

2019/09/21 Javascript

微信小程序实现锚点功能

2019/11/20 Javascript

15分钟上手vue3.0(小结)

2020/05/20 Javascript

python爬虫入门教程--快速理解HTTP协议（一）

2017/05/25 Python

python实现监控某个服务服务崩溃即发送邮件报告

2018/06/21 Python

python实现共轭梯度法

2019/07/03 Python

Python自动化测试基础必备知识点总结

2021/02/07 Python

大学生自我鉴定

2013/12/16 职场文书

开办饭店创业计划书

2013/12/28 职场文书

2014领导班子专题民主生活会对照检查材料思想汇报

2014/09/23 职场文书

2014年保洁工作总结

2014/11/24 职场文书

幼儿园新学期开学寄语

2015/05/27 职场文书

党支部考察意见范文

2015/06/02 职场文书

今日说法观后感

2015/06/08 职场文书

CSS中em的正确打开方式详解

2021/04/08 HTML / CSS

pandas:get_dummies()与pd.factorize()的用法及区别说明

2021/05/21 Python

阿里云国际版使用Nginx作为HTTPS转发代理服务器

2022/05/11 Servers