Сканер штрих-кода для html5 и jquery-приложений

Я использую Jquery и html для проекта. Это статическое веб-приложение. Мне нужен jquery, который считывает штрих-код штрих-кода от продуктов. Штрих-код необходимо отсканировать, не отображая код в любом текстовом поле на экране. Кто-то, пожалуйста, дайте мне некоторые идеи или дайте ссылку на плагины (если есть), чтобы преодолеть это. Спасибо заранее.

Ответ 1

Попробуйте этот код. Я предполагаю, что вы знаете о Jquery. Запустите этот код и наберите что-нибудь с клавиатуры при фокусировке веб-страницы и нажмите клавишу ввода. Если это работает, считыватель штрих-кода делает то же самое. Сконфигурируйте свой считыватель штрих-кода, чтобы передать ключ ввода в конце чтения кода. Библиотека 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);
    }
  });

});

Ответ 3

Я нашел этот довольно старый, но неплохой пост, который отлично работал с моим оборудованием.

Я внедрил его в плагин jquery: jquery-code-scanner, вы можете попробуйте здесь, чтобы узнать, работает ли он с вашим читателем кода.

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

Не стесняйтесь создавать проблемы или PR в проекте.