javascript防止鍵入空格鍵

Question

如何防止用戶在字段中鍵入空格字符後再繼續鍵入文本字段？我試着下面幾行代碼，但它沒有工作......任何想法，爲什麼？

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(); 
     } 
    } 
} 

Answer 1

您可以通過將此偵聽器添加到輸入中來防止使用空間。

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

HTML

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

Answer 2

您應該使用 event.stopPropagation();

你的聽衆是一個爛攤子，試試這個來代替：

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

您還應該聽keypress或​​。