React textarea自适应文字高度伸缩 超简单版
2017-05-31 13:22
417 查看
亲测可用
const Header = React.createClass({ onEdit(){ //关键是先设置为auto,目的为了重设高度(如果字数减少) this.refs.myTA.style.height = 'auto'; //如果高度不够,再重新设置 if(this.refs.myTA.scrollHeight >= this.refs.myTA.offsetHeight){ this.refs.myTA.style.height = this.refs.myTA.scrollHeight + 'px' } }, render: function() { return ( <div> <textarea onChange={this.onEdit} ref="myTA"></textarea> </div> ) } )
相关文章推荐
- textarea高度自适应,随文字增加自动撑开
- 根据展示文字自适应 cell 高度,实现点击cell的伸缩扩展
- textarea自适应高度
- 使用div创建textArea无滚动条高度自适应
- textarea高度自适应(随着内容增加高度增加)
- UITextView文字自适应显示高度
- React根据宽度自适应高度的示例代码
- iOS-UILabel的宽度,高度自适应文字
- UILabel自适应里面的文字,自动调整宽度和高度
- 如何让textarea、kindeditor的高度自适应呢?
- textarea 自适应高度
- jquery实现textarea 高度自适应
- html<textarea>根据输入自适应高度
- 更强大的textarea高度自适应
- KindEditor文字自适应高度
- textarea输入框自适应高度
- iOS 根据文字自适应高度
- textarea如何实现高度自适应?
- textarea自适应高度,div模仿textarea可编辑实现自适应高度,placeholder使用图标
- textarea如何实现高度自适应?