编程 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 select动态加载选择(兼容各种浏览器)

Feb 01 Javascript

jQuery方法简洁实现隔行换色及toggleClass的使用

Mar 15 Javascript

兼容最新firefox、chrome和IE的javascript图片预览实现代码

Aug 08 Javascript

javascript检测是否联网的实现代码

Sep 28 Javascript

DOM基础教程之事件类型

Jan 20 Javascript

JQuery validate插件验证用户注册信息

May 11 Javascript

JS组件Bootstrap Select2使用方法解析

May 30 Javascript

详解利用exif.js解决ios手机上传竖拍照片旋转90度问题

Nov 04 Javascript

vue 计时器组件的实现代码

Sep 14 Javascript

js中的 || 与 && 运算符详解

May 24 Javascript

jquery实现聊天机器人

Feb 08 jQuery

详解vue组件之间的通信

Aug 30 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数据库的php代码(一个表一个文件)

2010/05/28 PHP

php实现编辑和保存文件的方法

2015/07/20 PHP

PHP+Mysql+jQuery中国地图区域数据统计实例讲解

2015/10/10 PHP

PHP基于swoole多进程操作示例

2019/08/12 PHP

jQuery EasyUI API 中文文档 - EasyLoader 加载器

2011/09/29 Javascript

Jquery实现点击切换图片并隐藏显示内容(2种方法实现)

2013/04/11 Javascript

javascript中怎么做对象的类型判断

2013/11/11 Javascript

js实现鼠标感应图片展示的方法

2015/02/27 Javascript

jQuery子窗体取得父窗体元素的方法

2015/05/11 Javascript

浅谈jQuery中height与width

2015/07/06 Javascript

jQuery实现的经典滑动门效果

2015/09/22 Javascript

JS中的hasOwnProperty()和isPrototypeOf()属性实例详解

2016/08/11 Javascript

javascript判断回文数详解及实现代码

2017/02/03 Javascript

详解如何在Angular中快速定位DOM元素

2017/05/17 Javascript

微信小程序报错：this.setData is not a function的解决办法

2017/09/27 Javascript

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

2019/03/28 Javascript

Taro UI框架开发小程序实现左滑喜欢右滑不喜欢效果的示例代码

2020/05/18 Javascript

小程序表单认证布局及验证详解

2020/06/19 Javascript

归纳整理Python中的控制流语句的知识点

2015/04/14 Python

进一步探究Python的装饰器的运用

2015/05/05 Python

Python的SimpleHTTPServer模块用处及使用方法简介

2018/01/22 Python

用python简单实现mysql数据同步到ElasticSearch的教程

2018/05/30 Python

python实现人机猜拳小游戏

2020/02/03 Python

详解HTML5将footer置于页面最底部的方法(CSS+JS)

2018/10/11 HTML / CSS

英国最大的正宗复古足球衫制造商和零售商：TOFFS

2018/06/21 全球购物

欧洲最大的拼图游戏商店：JigsawPuzzle.co.uk

2018/07/04 全球购物

Crabtree & Evelyn欧盟：豪华洗浴、身体和护发

2021/03/09 全球购物

如何提高SQL Server的安全性

2016/07/25 面试题

生产车间主管岗位职责

2013/12/28 职场文书

助人为乐表扬信范文

2014/01/14 职场文书

参观接待方案

2014/03/17 职场文书

升职自荐信范文

2015/03/27 职场文书

筑梦中国心得体会

2016/01/18 职场文书

2016年清明节网上祭英烈活动总结

2016/04/01 职场文书

一封真诚的自荐信帮你赢得机会

2019/05/07 职场文书

Nest.js参数校验和自定义返回数据格式详解

2021/03/29 Javascript