js怎么获取textarea自动换行行数
发布网友
发布时间:2022-04-29 08:20
我来回答
共1个回答
热心网友
时间:2022-04-24 19:37
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';
这种形式也可以调整高度, 但换行的时候会有滚动条一闪而逝, 而且高度只会增加没法减少, 是体验最差的写法.