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

Opacity.js

Jan 22 Javascript

js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器

Jun 06 Javascript

JavaScript Ajax Json实现上下级下拉框联动效果实例代码

Nov 23 Javascript

JavaScript String 对象常用方法总结

Apr 28 Javascript

Javascript OOP之面向对象

Jul 31 Javascript

js实现非常棒的弹出div

Oct 06 Javascript

Bootstrap实现的表格合并单元格示例

Feb 06 Javascript

vue 开发一个按钮组件的示例代码

Mar 27 Javascript

基于Vue组件化的日期联动选择器功能的实现代码

Nov 30 Javascript

Vuex中的State使用介绍

Jan 19 Javascript

多个Vue项目部署到服务器的步骤记录

Oct 22 Javascript

详解js创建对象的几种方式和对象方法

Mar 01 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