js怎么获取textarea自动换行行数

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了js怎么获取textarea自动换行行数相关的知识，希望对你有一定的参考价值。

参考技术A 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';

这种形式也可以调整高度, 但换行的时候会有滚动条一闪而逝, 而且高度只会增加没法减少, 是体验最差的写法.

使用textarea标签代替input标签可以实现输入框的大小调节,自动换行,滚动条显示

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>textarea输入框</title>
</head>
<body>
    <textarea name="" id="" cols="30" rows="10"></textarea>
</body>
</html>

 

以上是关于js怎么获取textarea自动换行行数的主要内容，如果未能解决你的问题，请参考以下文章

用js实现在textarea中每输入15个字符串自动换行 输入汉字超过15个就去加/n自动换行

JTextArea中开启了自动换行怎么得到文本框中的行数

C# winform label控件 行高 自动换行等问题

如何将自动换行添加到 EditorGUILayout.TextArea？

Textarea 自动换行

如何删除textarea上的“自动换行”[重复]