textarea输入框随内容撑开高度

Posted 2021-01-11 gocircle

原文链接

 

方法一（jquery）：

$(‘textarea‘).each(function () {
  this.setAttribute(‘style‘, ‘height:‘ + (this.scrollHeight) + ‘px;overflow-y:hidden;‘);
}).on(‘input‘, function () {
  this.style.height = ‘auto‘;
  this.style.height = (this.scrollHeight) + ‘px‘;
});

方法二：

function setHeight(element) {
  $(element).css({‘height‘:‘auto‘,‘overflow-y‘:‘hidden‘}).height(element.scrollHeight);
}
$(‘textarea‘).each(function () {
  setHeight(this);
}).on(‘input‘, function () {
  setHeight(this);
});