从javascript捕获条形码阅读器(键盘 - 楔形)事件

时间:2016-02-14 03:23:59

标签: javascript android barcode-scanner honeywell keyboard-wedge

我正在开发一个必须在运行Android 4.4的Honeywell Dolphin 75e设备上使用的Web应用程序。 集成条形码阅读器可以在键盘楔形键盘中操作。模式,但仅限于文本字段具有焦点时。

使用桌面浏览器,我可以使用该代码捕获条形码阅读器事件:

var BarcodesScanner = {
    barcodeData: '',
    deviceId: '',
    symbology: '',
    timestamp: 0,
    dataLength: 0
};

function onScannerNavigate(barcodeData, deviceId, symbology, timestamp, dataLength){
    BarcodesScanner.barcodeData = barcodeData;
    BarcodesScanner.deviceId = deviceId;
    BarcodesScanner.symbology = symbology;
    BarcodesScanner.timestamp = timestamp;
    BarcodesScanner.dataLength = dataLength;
    $(BarcodesScanner).trigger('scan');
}

BarcodesScanner.tmpTimestamp = 0;
BarcodesScanner.tmpData = '';
$(document).on('keypress', function(e){
    e.stopPropagation();
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (BarcodesScanner.tmpTimestamp < Date.now() - 500){
        BarcodesScanner.tmpData = '';
        BarcodesScanner.tmpTimestamp = Date.now();
    }
    if (keycode == 13 && BarcodesScanner.tmpData.length > 0){
        onScannerNavigate(BarcodesScanner.tmpData, 'FAKE_SCANNER', '', BarcodesScanner.tmpTimestamp, BarcodesScanner.tmpData.length);
        BarcodesScanner.tmpTimestamp = 0;
        BarcodesScanner.tmpData = '';
    } else if (e.charCode && e.charCode > 0) {
        BarcodesScanner.tmpData += String.fromCharCode(e.charCode);
    }
});

$(BarcodesScanner).on('scan', function(e){
    alert();
});

不幸的是,它在Android上不起作用。 是否有API允许我捕获这些事件? 还是另一个处理此问题的浏览器?

修改

我能够使用文本字段作为缓冲区拦截条形码阅读器的事件。

但在这种情况下,我无法使用任何需要在我的应用程序中使用焦点的控件。这是一个很大的障碍。

BarcodesScanner.tmpInput = $('<input />', {
    type: 'text',
    style: 'position: fixed; top: 0; right: 0; width: 0; height: 0;'
});
$('body').append(BarcodesScanner.tmpInput);
setInterval(function(){
    BarcodesScanner.tmpInput.focus();
}, 500);
BarcodesScanner.tmpInput.on('input', function(e){
    if (BarcodesScanner.tmpInput.val().length > 0){
        onScannerNavigate(BarcodesScanner.tmpInput.val(), 'FAKE_SCANNER', 'WEDGE', Date.now(), BarcodesScanner.tmpInput.val().length);
        BarcodesScanner.tmpInput.val('')
    }
});

4 个答案:

答案 0 :(得分:6)

我终于收到了霍尼韦尔支持部门的功能回复:

  

我怀疑应用程序想要以Keydown /接收数据   Keyup事件。

     

请测试以下内容吗?

     

按键设置在Wedge上:   9,10,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54, 55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79, 80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127

     

Screenshot

     

由于手动操作可能需要15分钟,因此我创建了这个   您可以在Wedge作为键字段内读取的代码:

     

9,10,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48,49,50,51,52,53,54,55,56,57,58,59,60,61,62,63,64,65,66,67,68,69,70,71,72,73,74,75,76,77,78,79,80,81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127

     

阅读完代码后,请等待10秒钟再保存并检查   如果数据通过退出和正确保存到该字段中   重新输入扫描仪设置。

     

最后,禁用并重新启用扫描仪(或重启设备)。

     

然后,扫描仪应该可以处理您的应用程序。

     

希望这有帮助。

终端必须使用最新版本的系统才能看到“Wedge as keys”字段。 不要忘记将“\ n”设置为后缀。

有了这个,JS代码将是:

var BarcodesScanner = {
    barcodeData: '',
    deviceId: '',
    symbology: '',
    timestamp: 0,
    dataLength: 0
};

function onScannerNavigate(barcodeData, deviceId, symbology, timestamp, dataLength){
    BarcodesScanner.barcodeData = barcodeData;
    BarcodesScanner.deviceId = deviceId;
    BarcodesScanner.symbology = symbology;
    BarcodesScanner.timestamp = timestamp;
    BarcodesScanner.dataLength = dataLength;
    $(BarcodesScanner).trigger('scan');
}

BarcodesScanner.tmpTimestamp = 0;
BarcodesScanner.tmpData = '';
$(document).on('keypress', function(e){
    e.stopPropagation();
    var keycode = (e.keyCode ? e.keyCode : e.which);
    if (BarcodesScanner.tmpTimestamp < Date.now() - 500){
        BarcodesScanner.tmpData = '';
        BarcodesScanner.tmpTimestamp = Date.now();
    }
    if (keycode == 13 && BarcodesScanner.tmpData.length > 0){
        onScannerNavigate(BarcodesScanner.tmpData, 'FAKE_SCANNER', 'WEDGE', BarcodesScanner.tmpTimestamp, BarcodesScanner.tmpData.length);
        BarcodesScanner.tmpTimestamp = 0;
        BarcodesScanner.tmpData = '';
    } else if (e.charCode && e.charCode > 0) {
        BarcodesScanner.tmpData += String.fromCharCode(e.charCode);
    }
});

现在,您可以收听扫描事件:

$(BarcodesScanner).on('scan', function(e){
    alert(BarcodesScanner.barcodeData);
});

我希望这会帮助别人。

答案 1 :(得分:1)

您是否尝试订阅不同的元素$('html,body')以及可能不同的事件keyup,keydown,textInput?

您使用的是JQuery mobile还是普通的?

答案 2 :(得分:0)

更改密钥集并使用\ n后缀适用于Android4.4。它不适用于Android 6.0.1。 测试Dolphin CT50 ......

答案 3 :(得分:-1)

霍尼韦尔已经解决了这个问题你需要这个文件我想:HELSINKIAD_71.01.07.0050

请问霍尼韦尔,然后通过恢复模式更新它。