使用JavaScript在TextArea中檢測自動縮進

Question

我有一個文本區域，用戶可以在其中輸入文本。

如果當前行以3個空格開頭，並且用戶按下Enter鍵，它將自動插入3個空格並將光標設置在空格之后。 （可能在文本之前或之后）

如何使用JavaScript檢測這種模式？

Answer 1

文字區域中的插入符號位置（從一開始就以字符表示）說明了如何確定用戶按下Enter鍵時插入符號的位置，以便您可以檢查左側是否有三個空格和一個換行符。

textarea中的Enter鍵說明了如何檢測textarea中的Enter鍵並采取措施。

接聽了一個偵聽器並知道插入符號的位置是caret ，您可以執行以下操作

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);