javascript - 使用 JavaScript 检测 TextArea 中的自动缩进

Question

我有一个文本区域，用户可以在其中输入文本。

如果当前行以3个空格开头并且用户按回车键，它将自动插入3个空格并将光标设置在空格之后。 (之前或之后可能有文字)

如何使用 JavaScript 检测此类模式？

Answer 1

Caret position in textarea, in characters from the start解释了如何在用户按 Enter 时确定插入符号的位置，以便您可以检查左侧是否有三个空格和一个换行符。

Enter key in textarea解释如何检测文本区域中的 Enter 键并采取操作。

一旦连接了监听器并知道插入符位置是插入符，您就可以执行类似的操作

if (/(?:^|[\r\n])   (?:[^\r\n ][^\r\n]*)?$/
    .test(myTextArea.value.substring(0, caret)) {
  ...
}

当当前行开头恰好有三个空格时执行操作。

要插入 3 个额外空格，您可以执行类似的操作

myTextArea.value = myTextArea.value.substring(0, caret)
    + "\n    " + myTextArea.value.substring(caret);