手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery实现textarea 高度自适应
jquery实现textarea 高度自适应
摘要:之前给大家分享过用Javascript控制文本框textarea高度随内容自适应增长收缩,今天花了点时间换了种实现方法,总结一下复制代码代码...

之前给大家分享过用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实现将页面上HTML标签换成另外标签的方法

jQuery 遍历函数详解

Jquery实现textarea根据文本内容自适应高度

jquery实现文本框textarea自适应高度

jquery实现图片左右切换的方法

基于jQuery实现的无刷新表格分页实例

基于jquery实现下拉框美化特效

jQuery插件zepto.js简单实现tab切换

jQuery实现文本展开收缩特效

javascript实现删除前弹出确认框

精品推荐
分类导航