textarea高度自适应，跟随输入框内容的变化而变化

很多时候我们不想让textarea文本框随着内容的增加而出现长长的滚动条，而且文本框里的内容也不能一目也然。这时就需要textarea的高度自适应了，无论内容有多少textarea的高度就到合适的高度，彻底去除文本框有滚动条的烦恼。

js主要代码

document.onkeydown = function () {
    changetextarea();
}
//高度自适应
function changetextarea(){
   var textarea = document.getElementById('fit2')
   var pre = document.getElementById('fit1');
   pre.innerHTML = textarea.value;
   //offsetHeight = height + padding + border
   var realHeight = pre.offsetHeight;
   //加24为一行的高度，减32为padding和border
   if(realHeight > 120) textarea.style.height = (realHeight + 24 -32) + 'px'; 
   else textarea.style.height = realHeight - 32 + 'px';
}