使用jQuery防止在HTML文本框中键入空格

Question

所以我有一个用户可以输入的HTML表单。如何使用javascript / jQuery立即无缝地从文本框中删除空格？我一直在研究.val() jQuery方法，并想出了这个：

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

删除文本并且空格仍然显示在按键上时，这会很奇怪，它们只会在以下击键时删除。有什么建议吗？

Answer 1

您可以通过检查按下的键是否为空格键并如果是这样返回false来阻止它被添加：

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

这是working example。

Answer 2

尝试使用keyup

<强> Live Demo

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