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

问题描述

问 题

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

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

解决方案

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

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

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

css如下

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

这篇关于javascript - 请教怎么用简单的代码解决textarea高度自适应？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！