之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩，今天花了点时间换了种实现方法，总结一下
复制代码 代码如下:
jQuery.fn.extend({
autoHeight: function(){
return this.each(function(){
var $this = jQuery(this);
if( !$this.attr('_initAdjustHeight') ){
$this.attr('_initAdjustHeight', $this.outerHeight());
}
_adjustH(this).on('input', function(){
_adjustH(this);
});
});
/**
* 重置高度
* @param {Object} elem
*/
function _adjustH(elem){
var $obj = jQuery(elem);
return $obj.css({height: $obj.attr('_initAdjustHeight'), 'overflow-y': 'hidden'})
.height( elem.scrollHeight );
}
}
});
// 使用
$(function(){
$('textarea').autoHeight();
});
以上就是本文所述的全部内容了，希望对大家学习jQuery能够有所帮助。
【jquery实现textarea 高度自适应】相关文章：
★ jQuery实现限制textarea文本框输入字符数量的方法
★ JavaScript实现点击自动选择TextArea文本的方法
★ jquery插件splitScren实现页面分屏切换模板特效
★ jQuery实现控制文字内容溢出用省略号(…)表示的方法