javascript - 请教怎么用简单的代码解决textarea高度自适应？

Question

对于textarea的问题，之前一直采用的用p标签代替，提交表单的时候再用js将p标签复制到textarea。
但是利用p实现placeholder效果也不是很好，而且在firefox还有一点兼容性问题。

现在想换回textarea，google找到了一些方案，但是代码都比较长，刚接触js，有点无法理解。拜托大神们给一个利用jquery/javascript的简单通俗的实现方式。

Answer 1

js的方法楼上讲的差不多，我的实现思路也是那样，没啥好写的了。

那就来个优雅的p的placeholder的解决方案

<p contenteditable="true" placeholder="输入用户名"></p>

css如下

[contenteditable]:empty:before {
  content: attr(placeholder);
  display: block;
  /* For Firefox */
  color: #999;
}

Answer 2

$(document).on('keyup keydown','textarea', function() {
    this.style.height = 'auto';
    this.style.height = this.scrollHeight + 'px';
});