Inserire quattro spazi anziché la scheda

Question

Sto tentando di inserire quattro spazi quando si preme il tasto Tab. Stavo usando il seguente codice (vedi spaces = "\t"), ma quando lo passo a spaces = " " viene inserito solo uno spazio quando premo il tasto tab. Ho anche provato "" + "" + "" + " ":

$(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; 
    } 
    }); 
}); 

NOTA: Questo è quello di inserire spazi in un browser-based textarea/ide.

Answer 1

Il tuo codice funziona bene, ma è sufficiente mettere accento circonflesso a il posto sbagliato Modificare l'ultima riga a:

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

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

Answer 2

tenta di inserire "&nbsp&nbsp&nbsp&nbsp" invece di quattro spazi

PS mi dispiace non ho visto che gli spazi sono necessari in textarea, in questo caso i soggetti HTML non sarà di aiuto