jQuery实现基于文本内容的文本自适应高度

我们玩微博的时候,可能会注意到一个细节,无论是新浪或微博腾讯微博的时候转发和评论你的默认文本框的高度不是很高,这可能是空间有限,用户只有广播或评论一句。但当你输入多行文本,文本框的高度会自动增加,从而大大提高了体验,让用户可以看到所有的文字。你不需要拖动文本框的滚动条了。

autotextarea.js


(函数($){)
美元。fn.autotextarea =功能(选项){
var默认值= {
MaxHeight:空,
MinHeight:$(这)Height()。
};
变量选择(默认,美元。延长= {},选项);
返回$(这个)。每个(函数()){
$(这)。Bind(粘贴切Keydown Keyup焦点模糊
VaR的高度、风格= this.style;
this.style.height = opts.minheight + 'px;
如果(this.scrollheight >选择。minheight){
如果(opts.maxheight this.scrollheight >选择。最大高度){
高度= opts.maxheight;
style.overflowy = 'scroll;
{人}
高度= this.scrollheight;
style.overflowy =隐藏;
}
style.height =高度+ 'px;
}
});
});
};
}(jQuery);


demo.js


$(。doctable textarea)。AutoTextarea({
最大高度:400,
minheight:100
});


以上是本文的全部内容,希望能帮您学习jQuery。