javascript - 从 Web 应用程序中的任何网页捕获扫描的条形码

Question

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

我感兴趣地看了这个: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”插件(如上所述)工作，我也很乐意尝试。谢谢。

Answer 1

文件准备好 ;)

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');

});