博客

需求

textarea默认的高度不是对着内容变化，而是随着内容增多，出现了滚动条。目前的需求是实现一个能够输入的textarea，并且高度跟着内容变化。

发现了一个比较好用的插件flexText，但是这个基于jquery写的，目前的技术栈是react，所以简单看了下，然后用原生的js模拟了一个实现。

原理：

html结构：

<div class="body">
    <div class="container">
        <pre class="pre"><span /><br /><br /></pre>
        <textarea class="content" placeholder="请输入内容" oninput="changeContent()"></textarea>
    </div>