//jQuery实现textarea高度根据内容自适应
$.fn.extend({
txtaAutoHeight: function () {
return this.each(function () {
var $this = (this);if(!(this);
if (!(this);if(!this.attr(‘initAttrH’)) {
$this.attr(‘initAttrH’, $this.outerHeight());
}
setAutoHeight(this).on(‘input’, function () {
setAutoHeight(this);
});
});
function setAutoHeight(elem) {
var $obj = $(elem);
return $obj.css({ height: $obj.attr(‘initAttrH’), ‘overflow-y’: ‘hidden’ }).height(elem.scrollHeight);
}
}
});
//调用
$(function () {
$("#txtaMain").txtaAutoHeight();
});

本文介绍了一个使用jQuery实现的textarea自适应高度的功能。通过监听输入事件,让文本区域的高度能够随着内容的增加而自动调整,保持良好的视觉效果和用户体验。
459

被折叠的 条评论
为什么被折叠?



