js怎么获取textarea自动换行行数
1个回答
2017-11-06 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
1, 用shadow
<div style="height:0; overflow:hidden;">
<p class="shadow"></p></div><textarea style="overflow:hidden;"></textarea><script>
textarea.addEventListener('input', function(e) {
shadow.innerHTML = this.value.replace(/\</g, '<').replace(/\>/g, '>'); this.height = shadow.clientHeight + 'px';
});</script>
2, 用 contenteditable 属性
<div contenteditable="true">这里的高度会随内容自动扩展</div>
3, 如果用
textarea.style.height = textarea.scrollHeight + 'px';
这种形式也可以调整高度, 但换行的时候会有滚动条一闪而逝, 而且高度只会增加没法减少, 是体验最差的写法.
<div style="height:0; overflow:hidden;">
<p class="shadow"></p></div><textarea style="overflow:hidden;"></textarea><script>
textarea.addEventListener('input', function(e) {
shadow.innerHTML = this.value.replace(/\</g, '<').replace(/\>/g, '>'); this.height = shadow.clientHeight + 'px';
});</script>
2, 用 contenteditable 属性
<div contenteditable="true">这里的高度会随内容自动扩展</div>
3, 如果用
textarea.style.height = textarea.scrollHeight + 'px';
这种形式也可以调整高度, 但换行的时候会有滚动条一闪而逝, 而且高度只会增加没法减少, 是体验最差的写法.
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
