从web应用程序中的任何网页捕获扫描的条码

在我继承的webapp中，有一些捕获条形码扫描的jquery代码（如健身俱乐部和杂货店使用的简单一维条形码 - 无QR码，没有任何异国情调等）。但是这种实现的方式需要一个模式框来提供一个微调框，然后扫描，并且它可以工作。我们的客户不喜欢这样。他们希望能够扫描应用程序中任何网页的条形码，而不必去某个页面，并在扫描之前出现一个模式窗口，屏蔽其他所有内容。从web应用程序中的任何网页捕获扫描的条码

我已经看过这个感兴趣：https://github.com/julien-maurel/jQuery-Scanner-Detection（我只是无法得到它的工作）。我已经在网页中尝试这样做：

<script type="text/javascript" src="Scripts/barcode/jquery.scannerdetection.js"></script> 
<script> 
    $(window).bind('scannerDetectionComplete', function (e, data) { 
     alert(e); 
     alert(data); 
    }) 
</script>

我也代替

试图 $(document).bind(...)

实际的源文件只是说做$(selector).scannerDetection();他们没有给出实际使用的例子。

我真的不在乎我是否使用这个jquery插件，一些其他的jquery插件，自定义jquery或者一些原始的javascript代码片段 - 我只需要一些能够检测任何网页中的条形码扫描而不诉诸于模态监听者。如果有人知道如何让“jQuery-Scanner-Detection”插件（如上所述）工作，我也很想尝试。谢谢。

来源

2014-10-02 HerrimanCoder

这是我如何使用它，它工作正常：

$(selector).scannerDetection(function(data) { 

onComplete: 

//whatever you want 

});

我不认为有必要将其绑定到你的窗口或文档时，可以直接与你选择的工作吧。

来源

2015-02-12 02:08:17

文件准备;）

jQuery(document).ready(function($) { 

    $(window).scannerDetection(); 
    $(window).bind('scannerDetectionComplete',function(e,data){ 
      alert('complete '+data.string); 
     }) 
     .bind('scannerDetectionError',function(e,data){ 
      console.log('detection error '+data.string); 
     }) 
     .bind('scannerDetectionReceive',function(e,data){ 
      console.log(data); 
     }) 

    $(window).scannerDetection('success'); 

});

来源

2015-03-19 07:11:22

它适用于桌面网络浏览器不错，但在移动版Chrome Web浏览器不工作，我使用的是已建成它条码阅读器与Android系统的设备 – 2017-08-16 13:23:49

从web应用程序中的任何网页捕获扫描的条码

回答

相关问题