在段落换行到下一行之前如何获取字符数？

Question

我正在尝试计算由于跨度的宽度有限而被换行的文本的第一行中显示了多少个字符。

我知道可以用“长度”来计数字符串的字符，但是我无法获得第一行。

示例：

onChange={(e)=> {props.onChange(e, props.id)}}

#divone {
  width: 80px;
  overflow: hidden;
}

显示的文本显示为第一行：“ some long”，第二行显示为“ text”

JavaScript的预期输出：

<div id="divone">
  <p id="one">Some long text
    <p>
</div>

我想解决的伪代码：

1. 检测哪个是换行前的最后一个单词

2. 在原始文本中查找此单词并检索一个子字符串

3. 使用Some long 对子字符串的字符进行计数。

Answer 1

感谢评论，我发现我的解决方案约为。我想要的：

How to count number of characters in a line using JavaScript