如何让 textarea 文本框 高度自动伸缩

发布时间:2019-08-27 22:08

本文主要讲的是如何让 textarea 文本框 自动伸缩

原理:每次输入文字后重置文本框默认高度 判断是否出现滚动条 动态修改高度 。

  1. $(this).keyup(function () {
  2. this.style.height = 'height'; // height = textarea 默高度
  3. if (this.scrollHeight >= this.offsetHeight) { // 判断是否出现滚动条
  4. this.style.height = this.scrollHeight + 'px'; // 动态修改高度
  5. }
  6. });