需求
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>