且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何使用普通的javascript来防止输入字段中的空格

更新时间:2022-11-08 14:55:20

使用 event.preventDefault 以防止其默认行为。

Use event.preventDefault to prevent its default behavior.

var field = document.querySelector('[name="username"]');

field.addEventListener('keypress', function ( event ) {  
   var key = event.keyCode;
    if (key === 32) {
      event.preventDefault();
    }
});

<input type="text" name="username" />

如果你想使用 return false; ,那么你应该使用 onkeypress 输入, jsfiddle

If you want to use the return false;, then you should use the onkeypress of the input instead, jsfiddle

field.onkeypress = function(e) {
   var  key = e.keyCode;
   return (key !== 32);
};