如何使用纯 JavaScript 防止输入字段中出现空格

我有一个用户名输入字段，并试图阻止用户用空格填充它们。

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

我这样做并且空白没有被阻止

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

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

   return (key !== 32);
});

Use event.preventDefault https://developer.mozilla.org/en-US/docs/Web/API/Event/preventDefault以防止其默认行为。

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 https://jsfiddle.net/xgrpxj9p/

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