保持條形碼掃描器，但禁用HTML文本框中的鍵盤

Question

我有一個HTML頁面，並希望禁用鍵盤輸入，只有條形碼掃描儀條目應該允許。 在此先感謝

Answer 1

您的代碼有誤，e.which/e.keyCode始終返回數字。

您需要檢查這些數字的範圍或檢查輸入的新值。

var tb=document.getElementById('textbox1'); 
tb.onkeypress = function(e) { 
     e = e || window.event; 
     var charCode = (typeof e.which == "number") ? e.which : e.keyCode; 
     if (charCode < 48 || charCode > 57) { 
      return false; 
     } 
    }; 

更簡單的方法將使用：

<input type="number" id="textbox2"> 

這裏要說的是這兩種方法工作的小提琴： http://jsfiddle.net/vgx4unc7/

看看這個jQuery函數：

$(document).ready(function() { 
    var pressed = false; 
    var chars = []; 
    $(window).keypress(function(e) { 
     if (e.which >= 48 && e.which <= 57) { 
      chars.push(String.fromCharCode(e.which)); 
     } 
     console.log(e.which + ":" + chars.join("|")); 
     if (pressed == false) { 
      setTimeout(function(){ 
       if (chars.length >= 10) { 
        var barcode = chars.join(""); 
        console.log("Barcode Scanned: " + barcode); 
        // assign value to some input (or do whatever you want) 
        $("#barcode").val(barcode); 
       } 
       chars = []; 
       pressed = false; 
      },500); 
     } 
     pressed = true; 
    }); 
}); 
$("#barcode").keypress(function(e){ 
    if (e.which === 13) { 
     console.log("Prevent form submit."); 
     e.preventDefault(); 
    } 
});