Question

我在按Tab键时尝试插入四个空格。我使用以下代码（请参阅spaces = "\t"），但当我将其切换到spaces = " "时，按Tab键时只插入一个空格。我也试过了＃34; ＆＃34; +＆＃34; ＆＃34; +＆＃34; ＆＃34; +＆＃34; ＆＃34;：

$(function () {
  $('textarea').keydown(function(e) {
    var keyCode = e.keyCode || e.which;

    if (keyCode == 9) {
      e.preventDefault();
      var start = $(this).get(0).selectionStart;
      var end = $(this).get(0).selectionEnd;

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

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

注意：这是在基于浏览器的textarea / ide中插入空格。

Answer 1

您的代码工作正常，但您只是将插入符号放在错误的位置。将最后一行更改为：

this.selectionStart = this.selectionEnd = start + spaces.length;

DEMO： http://jsfiddle.net/qdqrs3cw/

Answer 2

尝试插入"&nbsp&nbsp&nbsp&nbsp"而不是四个空格

PS抱歉没有看到textarea需要空格，在这种情况下HTML实体将无济于事

插入四个空格而不是制表符

2 个答案: