编程 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在IE7下无法使用 $.ajax解决方法

Nov 11 Javascript

javascript function调用时的参数检测常用办法

Feb 26 Javascript

JQuery表格拖动调整列宽效果(自己动手写的)

Sep 01 Javascript

jQuery实现隔行背景色变色

Nov 24 Javascript

jQuery插件datepicker 日期连续选择

Jun 12 Javascript

JS不用正则验证输入的字符串是否为空(包含空格)的实现代码

Jun 14 Javascript

AngularJS入门教程之AngularJS 模板

Aug 18 Javascript

vue2.X组件学习心得(新手必看篇)

Jul 05 Javascript

如何选择适合你的JavaScript框架

Nov 20 Javascript

Vue.js实现的计算器功能完整示例

Jul 11 Javascript

使用jquery Ajax实现上传附件功能

Oct 23 jQuery

vue中进行微博分享的实例讲解

Oct 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