textarea 高度撑开

textarea 高度撑开是指当文本内容超出 textarea 的可见区域时，自动增加 textarea 的高度以显示全部文本内容的功能。一般来说，可以通过设置 textarea 的属性 rows 和 cols 来控制它的大小，但是如果文本内容超出了可见区域，就需要通过一些技巧来实现自动增加高度的效果。

实现 textarea 高度撑开的方法有很多，其中一种比较简单的方法是使用 JavaScript 监听 textarea 的输入事件，动态地调整它的高度。具体步骤如下：

1. 使用 JavaScript 获取到 textarea 元素，并注册输入事件的监听器；
2. 在输入事件的处理函数中，使用 scrollHeight 属性获取到当前文本内容的总高度；
3. 将 textarea 的高度设置为当前文本内容的总高度，即可实现自动撑开。

下面是一个示例代码：

// 获取到 textarea 元素
var textarea = document.getElementById('myTextarea');

// 注册输入事件的监听器
textarea.addEventListener('input', function () {
  // 使用 scrollHeight 属性获取到当前文本内容的总高度
  var height = textarea.scrollHeight;

  // 将 textarea 的高度设置为当前文本内容的总高度
  textarea.style.height = height + 'px';
});