Захват отсканированного штрих-кода с любой веб-страницы в веб-приложении

Question

В webapp, который я унаследовал, есть некоторый код jquery, который захватывает сканирование штрих-кода (простой 1-D штрих-код, например, фитнес-клубы и продуктовые магазины, - нет 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

Это, как я использую его, и он прекрасно работает:

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

onComplete: 

//whatever you want 

}); 

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

Answer 2

Документ готов;)

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

});