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

javascript css styleFloat和cssFloat

Mar 15 Javascript

js 判断图片是否加载完以及实现图片的预下载

Aug 14 Javascript

实现图片预加载的三大方法及优缺点分析

Nov 19 Javascript

js仿苹果iwatch外观的计时器代码分享

Aug 26 Javascript

vue计算属性时v-for处理数组时遇到的一个bug问题

Jan 21 Javascript

react 实现页面代码分割、按需加载的方法

Apr 03 Javascript

详解React中合并单元格的正确写法

Jan 08 Javascript

vue实现微信二次分享以及自定义分享的示例

Mar 20 Javascript

mpvue微信小程序开发之实现一个弹幕评论

Nov 24 Javascript

easyUI使用分页过滤器对数据进行分页操作实例分析

Jun 01 Javascript

Vue-resource安装过程及使用方法解析

Jul 21 Javascript

浅谈Vue开发人员的7个最好的VSCode扩展

Jan 20 Vue.js

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下拉选项的批量操作的实现代码

2013/10/14 PHP

PHP 常用时间函数资料整理

2016/10/22 PHP

jQuery学习笔记之Helloworld

2010/12/22 Javascript

让textarea自动调整大小的js代码

2011/04/12 Javascript

js模拟滚动条(横向竖向)

2013/02/22 Javascript

js对字符的验证方法汇总

2015/02/04 Javascript

React.js入门学习第一篇

2016/03/30 Javascript

关于 jQuery Easyui异步加载tree的问题解析

2016/12/06 Javascript

JS判断Android、iOS或浏览器的多种方法(四种方法)

2017/06/29 Javascript

简单实现js鼠标跟随效果

2020/08/02 Javascript

EasyUI的DataGrid绑定Json数据源的示例代码

2017/12/16 Javascript

Vue中使用clipboard实现复制功能

2018/09/05 Javascript

Electron中实现大文件上传和断点续传功能

2018/10/28 Javascript

js字符串处理之绝妙的代码

2019/04/05 Javascript

零基础写python爬虫之爬虫框架Scrapy安装配置

2014/11/06 Python

Python制作简单的网页爬虫

2015/11/22 Python

Python实现一个服务器监听多个客户端请求

2018/04/12 Python

使用浏览器访问python写的服务器程序

2019/10/10 Python

Python开发之pip安装及使用方法详解

2020/02/21 Python

python3 sleep 延时秒毫秒实例

2020/05/04 Python

Python捕获异常堆栈信息的几种方法(小结)

2020/05/18 Python

python学习笔记之多进程

2020/08/06 Python

删除pycharm鼠标右键快捷键打开项目的操作

2021/01/16 Python

CSS3贝塞尔曲线示例：创建链接悬停动画效果

2020/11/19 HTML / CSS

html5文本内容_动力节点Java学院整理

2017/07/11 HTML / CSS

高清屏下canvas重置尺寸引发的问题的解决

2019/10/14 HTML / CSS

墨西哥购物网站：Elektra

2020/01/21 全球购物

写一个在SQL Server创建表的SQL语句

2012/03/10 面试题

2014年大堂经理工作总结

2014/11/21 职场文书

英语感谢信范文

2015/01/20 职场文书

2015年财务人员工作总结

2015/04/10 职场文书

业务员年终工作总结2015

2015/05/28 职场文书

高三毕业感言

2015/07/30 职场文书

2016年春节慰问信息大全

2015/11/30 职场文书

用人单位的规章制度，怎样制定才是有效的？

2019/07/09 职场文书

《飘》英文读后感五篇

2019/10/11 职场文书