Verhindern von Leerzeichen in einem HTML-Textfeld mit jQuery eingeben

Question

So habe ich eine HTML Form, die Benutzer eingeben können. Wie kann ich Javascript/jQuery verwenden, um sofort und nahtlos Leerzeichen aus einer Textbox zu entfernen, wenn eine eingefügt wird? Ich habe die Erforschung der .val() jQuery-Methode und kam mit dieser:

$('input').keydown(function() { 
    str = $(this).val(); 
    str = str.replace(/\s/g,''); 
    $(this).val(str); 
}); 

Das seltsame Dinge tut, um Text zu entfernen und die Räume zeigen nach wie vor auf Tastendruck nach oben, sie nur auf der folgenden Tastendruck entfernt erhalten. Irgendwelche Vorschläge?

Answer 1

Sie es aus hinzugefügt überhaupt durch Überprüfen, ob der Schlüssel die Leertaste gedrückt ist und die Rückkehr false wenn so verhindern könnte:

​$("input").on("keydown", function (e) { 
    return e.which !== 32; 
});​​​​​ 

Hier ist ein working example.

Answer 2

Ausprobieren Verwenden keyup

Live Demo

$('input').keyup(function() { 
    str = $(this).val(); 
    str = str.replace(/\s/g,''); 
    $(this).val(str); 
});