textarea高度自适应自动展开
16lz
2021-01-22
在使用之前，推荐两个比较好的事件，分别是oninput和onpropertychange，IE9以下不兼容oninput。在textarea发生变化时，可以通过监听这两个事件来触发你需要的功能。
textarea高度自适应是一个比较常用的前端开发效果。在新浪微博的输入框中也有这个效果，不过它那个效果不怎么好看，高度展开有点延迟，可能是通过给高度赋值scrollheight.而下面这个则是通过复制textarea的html并另外一个元素pre,由于设置pre自动展开，所以不会存在有滞留的感觉，交互效果较好。
代码兼容IE7及以上，IE6没测，已放弃兼容
HTML代码：
<div class="expandingArea " id="textarea"> <pre><span></span><br></pre> <textarea></textarea> </div>
更多相关文章
- PySide-QtWebKit: CSS font-family没有效果
- Android自定义View底部连续圆环效果
- Android 5.X Activity过渡动画，以及漂亮的共享元素效果
- Android Scroll分析（一）——滑动效果是如何产生的
- android在onCreate()方法中获取View的宽度与高度的方法实战
- Android之仿美拍主要菜单滑动反弹效果
- 默认墨迹天气 下雪效果
- Android使用SVG矢量图打造酷炫动画效果
- Button点击缩放动画效果