javascript阻止键入空格按钮

时间:2014-09-12 11:55:30

标签: javascript textfield

如果他/她在字段中键入空格字符,我怎么能阻止用户进一步输入文本字段?我尝试了几行代码,但它没有工作......任何想法为什么???

HTML

<input id="username" type="text" onkeyup="abc(event);" />

的Javascript

function abc(event){
   for(i=0;i<document.getElementById("username").value.length;i++){
      if(document.getElementById("username").value.charCodeAt(i) == 32){
         event.preventDefault();
      }
    }
}

2 个答案:

答案 0 :(得分:1)

您可以通过将此侦听器添加到输入来阻止使用空间。

function preventSpace(e) {
   var char = e.which || e.charCode;
   if(char == 32) {
      e.preventDefault();
   }
}

<强> HTML

<input id="username" type="text" onkeypress="preventSpace(event);" />

答案 1 :(得分:0)

你应该使用 event.stopPropagation();

你的听众很乱,试试这个:

  function abc(event) {
    if(event.keyCode === 32) {
      console.log("space");
      event.stopPropagation();
      event.preventDefault();
    }
  }

您还应该聆听keypresskeydown