javascript - 如何在 Web 应用程序中使用条码扫描器

Question

我想在我的 Laravel 应用程序中使用条码扫描器。这是一个在线销售点应用程序。我知道条形码扫描仪只返回一个字符串，然后按 Enter 按钮。但是为了捕获这个字符串，我需要使用一个表单并选择输入字段。如果我不选择输入字段，它就无法捕获数据。我想要的是在不选择表格的情况下使用条形码扫描仪。有可能吗？

Answer 1

您可以使用 JavaScript 捕获条形码阅读器发送的按键。

将事件监听器添加到窗口或文档对象以捕获文档中任何位置的任何按键。检查传入的字符是否表示条形码结束(可能是换行)。

这是我使用 RFID 阅读器为类似任务编写的一些代码。它取决于 jQuery(主要是因为规范化 jQuery 在 event.which 上进行，使得识别按下的字符很方便)但是如果你愿意，你可以重写它以避免这种情况。

它将每个按键存储在一个数组中，除非按下的是 Enter(我使用的 RFID 阅读器在每次扫描后发送)。如果它得到一个 Enter，它会获取扫描的代码并对其进行操作(我正在使用 Socket.IO 将它发送到服务器，你可以用它做任何你喜欢的事情)然后清除数组以便下一次扫描可以从新鲜开始。

var keybuffer = [];

function press(event) {
  if (event.which === 13) {
    return send();
  }
  var number = event.which - 48;
  if (number < 0 || number > 9) {
    return;
  }
  keybuffer.push(number);
}

$(document).on("keypress", press);

function send() {
  socket.emit('scan', keybuffer.join(""));
  keybuffer.length = 0;
}