条形码扫描仪在扫描时重定向到 url答案

【问题标题】：Barcode Scanner to redirect to url on scan条形码扫描仪在扫描时重定向到 url
【发布时间】：2017-04-26 18:22:30
【问题描述】：

我有一个 USB 条形码扫描仪，它可以粘贴它扫描的条形码中的数据。是否可以扫描条形码并从当前浏览器重定向到基于扫描信息的页面？这将使用 php、html 和 js

【问题讨论】：

stackoverflow.com/questions/8465839/…

标签： javascript php qr-code barcode-scanner

【解决方案1】：

可能是这样的。

<h3>Barcode</h3>
<textarea class="bcode" name="barcode"></textarea>
<span class="action"></span>

一些js来处理动作

$(function() {
  $('.bcode').on('paste',function(){
    var _this = this;
    setTimeout(function(){
      //now do something with the paste data
      window.location = "https://www.google.se/search?q=" + _this.value;
    },1000);
  });
});

在这里测试代码 https://codepen.io/mbzbugsy/pen/EmZPYP

【讨论】：

这看起来很有希望，但似乎不适用于该示例。它可以正确扫描，但数据只填充表单，实际上并没有重定向
我猜你的表单是模仿键盘输入而不是粘贴来填写的。因此，您可能需要调整上述代码以绑定到keyup，并将超时保存到变量中，以便可以取消任何前面的条目。
这样的事情应该可以解决问题：$(function() { var _timer = null; $('.bcode').on('keyup', function() { var _this = this; if (_timer !== null) clearTimeout(_timer); _timer = setTimeout(function () { window.location = "https://www.google.se/search?q=" + _this.value; }, 500); }); });
是的，这只是一个概念。您可以通过多种方式做到这一点。我使用了粘贴事件，因为我认为 USB 条形码扫描仪会粘贴代码。 Codepen 不允许 url 重定向。要完全测试代码，您需要在其他地方尝试。