textarea设置宽度 拖动时怎么获取到宽度或者说textarea设置宽度 改变大小时有没有事件

来源：蜘蛛抓取(WebSpider) 时间：2019-07-05 08:28 标签： textarea设置宽度

如何实现其中文本宽度显示的超過100就换自动行
百度到的问题都是用Jtextarea设置宽度解决，并不是我想要的

今天需要些一个回复评论的页面设计师给的初始界面就是一个只有一行的框。然后当时就想这个交互该怎么实现比较好然后想起了新浪微博的做法：点击评论，默认顯示一行当输入的文字超过一行或者输入Enter时，输入框的高度会随着改变直到输入完毕。顿时觉得这个细节做得挺不错的可以效仿下。下面分享2种实现textarea设置宽度高度自适应的做法一种是用div来模拟textarea设置宽度来实现的，用CSS控制样式不用JS；另一种是利用JS控制的（因为存在瀏览器兼容问题，所以写起来比较麻烦）；

方法一：div模拟textarea设置宽度文本域轻松实现高度自适应

因为textarea设置宽度不支持自适应高度就是定好高度或者是行数之后，超出部分就会显示滚动条看起来不美观。

而用DIV来模拟时首先遇到的问题是：div怎么实现输入功能？

contenteditable属性虽是HTML5里面嘚内容但是IE似乎老早就支持此标签属性了。所以兼容性方面还是不用太担心的。


我要回帖

更多关于 textarea设置宽度 的文章

 

随机推荐