適用於html5和jquery應用程序的條碼掃描器

Question

我正在使用Jquery和html進行項目。這是一個靜態的Web應用程序。我需要一個從產品中讀取條形碼掃描器條形碼的jquery。需要掃描條形碼而不在屏幕上的任何文本框中顯示代碼。有人請告訴我一些想法或爲我提供插件（如果有的話）的鏈接來克服這一點。提前致謝。

Answer 1

嘗試此代碼。我假設你知道Jquery。運行此代碼並在鍵盤上輸入鍵盤上的任何內容，然後按下Enter鍵。如果這項工作條形碼閱讀器也一樣。配置你的條形碼閱讀器在代碼閱讀結束時通過輸入鍵。 jQuery庫

<script type='text/javascript' src='http://code.jquery.com/jquery-1.6.4.js'></script> 

jQuery的

$(document).ready(function() { 
     var barcode=""; 
    $(document).keydown(function(e) { 

     var code = (e.keyCode ? e.keyCode : e.which); 
     if(code==13)// Enter key hit 
     { 
      alert(barcode); 
     } 
     else if(code==9)// Tab key hit 
     { 
      alert(barcode); 
     } 
     else 
     { 
      barcode=barcode+String.fromCharCode(code); 
     } 
    }); 

    }); 

Answer 2

也許你可以試試這個https://code.google.com/p/jquery-barcodelistener/。

它捕捉條碼掃描器的輸出並將其作爲參數提供給您

Answer 3

我發現這很老，但pretty good post這是工作的罰款與我的硬件。

我已經實現了它到一個jQuery插件：jquery-code-scanner，你可以try it here看看它是否適用於你的代碼閱讀器。

$ bower install jquery-code-scanner 

<script src="js/jquery.min.js"></script> 
<script src="js/jquery-code-scanner.js"></script> 
<!-- ... --> 
<input type="text" id="code-scan"> 

$('#code-scan').codeScanner(); 

不要猶豫，該項目create issues或永久居民。