Добавить пробелы в текстовую область

Question

Я пытаюсь добавить 4 пространства в мое текстовое поле.

Однако он добавляет 1 пробел.

$(document).delegate('#test', '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; 

     $(this).val($(this).val().substring(0, start) 
      + " " + " " + " " + " " 
      + $(this).val().substring(end)); 

      $(this).get(0).selectionStart = 
      $(this).get(0).selectionEnd = start + 1; 
    } 
}); 

Edit:

Я уже опробовали   и он получает выводимый как «   » не выводит: «   » в tetarea.

Как я могу заставить его добавить 4 пробела?

Answer 1

$("textarea").on('keydown', function(e) { 
 
    if(e.keyCode == 9) { 
 
     e.preventDefault(); 
 
     for(var i=0; i<4; i++) { 
 
     \t var start = this.selectionStart, 
 
      end = this.selectionEnd, 
 
      value = $(this).val(); 
 

 
     \t $(this).val(value.substring(0, start) 
 
        + " " 
 
        + value.substring(end)); 
 
     \t this.selectionStart = this.selectionEnd = start + 1; 
 
     } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<textarea cols="30" rows="10"></textarea>

Answer 2

$(document).delegate('#test', '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; 

    $(this).val($(this).val().substring(0, start) 
     +      
     + $(this).val().substring(end)); 

     $(this).get(0).selectionStart = 
     $(this).get(0).selectionEnd = start + 1; 
} 

});

Answer 3

Просто используйте неразложимые пробелы:   вместо обычных пробелов.

Answer 4

Одним из решений является для вызова функции, в четыре раза.

$(document).delegate('#code', 'keydown', function(e) { 
    var keyCode = e.keyCode || e.which; 

    if (keyCode == 9) { 
     e.preventDefault(); 
     add_space(); 
     add_space(); 
     add_space(); 
     add_space(); 

    } 
}); 

function add_space() 
{ 
    $code = $("#code"); 

      var start = $code.get(0).selectionStart; 
     var end = $code.get(0).selectionEnd; 

     $code.val($code.val().substring(0, start) 
      + " " 
      + $code.val().substring(end)); 

      $code.get(0).selectionStart = 
      $code.get(0).selectionEnd = start + 1; 
}