Capture el código de barras escaneado desde cualquier página web en la aplicación web

En la aplicación web que henetworkingé, hay un código jquery que captura un escaneo de código de barras (simple código de barras 1-D, como los clubes de fitness y el uso de tiendas de comestibles, sin códigos QR, nada exótico, etc.). Pero la forma en que esto se implementa requiere un cuadro modal para que aparezca una rueda giratoria, luego se escanea y funciona. Nuestros clientes no les gusta esto. Quieren poder escanear el código de barras desde cualquier página web en la aplicación, y no tener que ir a una página determinada y tener una window modal para bloquear todo lo demás antes de escanear.

Lo he estudiado con interés: https://github.com/julien-maurel/jQuery-Scanner-Detection (No puedo hacer que funcione). Lo he intentado en una página web:

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

También probé $(document).bind(...) en lugar de

Los documentos originales de origen simplemente dicen que hacer $(selector).scannerDetection(); No dan ejemplos de uso real.

Realmente no me importa si uso este plugin de jquery, algún otro plugin de jquery, jquery personalizado o algún fragment de código javascript sin formatting: solo necesito algo que detecte un escaneo de código de barras desde cualquier página web sin recurrir a un oyente modal. Si alguien sabe cómo hacer que el complemento "jQuery-Scanner-Detection" (mencionado anteriormente) funcione, me gustaría probarlo también. Gracias.

Documento listo;)

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

Así es como lo uso y funciona bien:

 $(selector).scannerDetection(function(data) { onComplete: //whatever you want }); 

No creo que sea necesario vincularlo a su window o documento, puede trabajarlo directamente con su selector.