Javascript:如何计算 textarea 或 contenteditable div 中的新行?

Posted

技术标签:

【中文标题】Javascript:如何计算 textarea 或 contenteditable div 中的新行?【英文标题】:Javascript : how to count new lines in textarea ou conteneditable div? 【发布时间】:2015-12-26 02:42:30 【问题描述】:

当我在 textarea(或可竞争的 div)中输入长文本时,当长文本超过 textarea 宽度时,textarea 会自动创建换行符(无需输入 Enter 键)。

那么,我如何计算新行数?

在此先感谢您。

【问题讨论】:

【参考方案1】:

另一种方法是计算行的行高,然后将文本区域的全高除以行高。

当然,在这种情况下,您需要删除文本区域上的调整大小选项并让它自动调整大小。由于自动调整大小选项,这很困难,因此通常最好的方法是在文本区域上设置非常具体的大小,以便您可以根据字符串进行复制和计算。

【讨论】:

以上是关于Javascript:如何计算 textarea 或 contenteditable div 中的新行?的主要内容,如果未能解决你的问题,请参考以下文章

html 中 SMS TextArea 的 Javascript 字符计数器

JavaScript 实现textarea限制输入字数, 输入框字数实时统计更新,输入框实时字数计算移动端bug解决

Javascript通过“输入”计算文本区域内的文本数量

jQuery - 计算 TEXTAREA 中的单词 [重复]

如何在 Javascript 中设置 textarea 值?

JavaScript 如何使用javascript替换选定的textarea值