javascript - jQueryを使用してHTMLテキストボックスにスペースを入力しないようにする

Question

ユーザーが入力できるフォームがあります。javascript HTML/jQueryを使用して、テキストボックスが入力されたときに、テキストボックスからスペースを即座にシームレスに削除するにはどうすればよいですか。私は.val()jQueryメソッドを研究していて、これを思いついた：

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

それはテキストを削除するのに奇妙なことをします、そしてスペースはまだキーストロークで現れます、それらは次のキーストロークでただ削除されます。助言がありますか？

score 26 · Accepted Answer

押されたキーがスペースバーであるかどうかを確認し、スペースバーであるfalse場合は戻ることで、追加されないようにすることができます。

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

これが実際の例です。

score 12 · Accepted Answer

使ってみてくださいkeyup

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

2 に答える 2