javascript - 使用 JavaScript 或 jQuery 禁用空格键或粘贴空格

Question

我需要限制/禁用最终用户在输入字段或文本框字段中输入空格。目前我正在使用此代码，但它无法正常工作。

function keyPress(e) { 
        var e = window.event || e;
        var key = e.keyCode;
        //space pressed
         if (key == 32) { //space
         return;
         }
        }

Answer 1

尝试使用 keydown 而不是 keypress。

function keyDown(e) { 
  var e = window.event || e;
  var key = e.keyCode;
  //space pressed
   if (key == 32) { //space
    e.preventDefault();
   }
         
}

<input type="text" onkeydown="keyDown(event)" />

编辑

如果您想阻止插入包含空格的粘贴文本，您可以使用以下代码:

function keyDown(e) { 
    var e = window.event || e;
    var key = e.keyCode;
    //space pressed
    if (key == 32) { //space
        e.preventDefault();
    }
}

function checkWhitespace(event)
{
	var data = event.clipboardData.getData("text/plain");
    var isNullOrContainsWhitespace = (!data || data.length === 0 || /\s/g.test(data));
  
    if(isNullOrContainsWhitespace)
    {
  	  event.preventDefault(); 
    }
  
}

<input type="text" onkeydown="keyDown(event)" onpaste="checkWhitespace(event)" />