javascript - 使用制表符在文本区域中缩进

Question

我的网站上有一个简单的 HTML 文本区域。

现在，如果您单击其中的 Tab，它将转到下一个字段。我想让选项卡按钮缩进几个空格。

我该怎么做？

Answer 1

大量借鉴类似问题的其他答案(在下面发布)...

document.getElementById('textbox').addEventListener('keydown', function(e) {
  if (e.key == 'Tab') {
    e.preventDefault();
    var start = this.selectionStart;
    var end = this.selectionEnd;

    // set textarea value to: text before caret + tab + text after caret
    this.value = this.value.substring(0, start) +
      "\t" + this.value.substring(end);

    // put caret at right position again
    this.selectionStart =
      this.selectionEnd = start + 1;
  }
});

<input type="text" name="test1" />
<textarea id="textbox" name="test2"></textarea>
<input type="text" name="test3" />

jQuery: How to capture the TAB keypress within a Textbox

How to handle <tab> in textarea?