如何将光标转移到文本中心中当前活动线的末端？

Question

我们有一个textarea，并希望将光标设置为当前活动线的末尾在光标所在的位置。

textArea中的示例内容：

This is our first line,
then comes a second line,
followed by a third line which holds *|* the cursor
and a fourth line.

现在，闪烁的光标*|*应在执行JavaScript函数后的单词光标之后结束。

JavaScript代码将是什么？

一些初始想法：

要使用该代码的行编号：

let line_number = textarea.value.substr(0, textarea.selectionStart).split("\n").length;

要跨越文本的所有行：

let lines = textarea.value.split("\n");

获得当前行的长度：

let end_of_line = lines[line_number-1].length;

然后：

// set the cursor position to the end of the line
textarea.selectionStart = end_of_line;

似乎不起作用...

我们必须计算所有字符直到当前线，然后将线长度添加到它 - 这是新的光标位置？

Answer 1

这是我想到的解决方案：

// line where cursor is now
let line_number = textarea.value.substr(0, textarea.selectionStart).split("\n").length;

// split all lines of the textarea
let contentlines = textarea.value.split("\n");

let charcount = 0;

for (var i=0; i < line_number-1; i++)
{
    // count line break as one char
    charcount += contentlines[i].length + 1;
}

let end_of_line = contentlines[line_number-1].length;

textarea.selectionStart = charcount+end_of_line;
textarea.selectionEnd = charcount+end_of_line;

不保证它是100％正确并且在所有情况下都起作用。