Angular 2 - 在不使用HTML输入/ textarea的情况下获取条形码扫描仪数据

Question

我正在创建使用条形码扫描器的Web应用程序（在我的案例中是Motorola TC55）。

我的目标是在不使用HTML输入/ textarea的情况下扫描产品EAN。为什么？因为我想阻止移动设备弹出键盘。该字段也可以在桌面上使用（没有连接扫描仪 - 从键盘输入数据）。

我尝试了什么：

1. 在输入上设置readonly /禁用属性 - 隐藏了移动键盘，但我无法将注意力设置在此输入上。
2. 使用div指令创建contenteditable - 键盘可见。
3. 最后（迄今为止最软化的） - 使用div事件创建onClick。点击div后，我开始收听keypress并保存所有内容，直到按下Enter键为止。它在桌面上运行良好。在移动键盘上隐藏，但keypress事件仅在扫描结束时触发（Enter键）。

还有其他任何消息吗？

Answer 1

免责声明：我为Zebra Technologies工作

因为您正在使用Motorola (now Zebra Technologies) TC55，所以您可以使用不同的选项。

最简单的方法是使用Zebra's Enterprise Browser之类的东西，它需要许可证，但它包含一些允许控制设备附加硬件的附加API。特别是您可以使用Barcode API来完全控制集成的条形码扫描仪。

如果您更喜欢使用需要更多手持的东西，可以查看this blog post that explain how to bridge between DataWedge (the application that on the Zebra Android devices is sending the barcode data as characters) and the Chrome Android Browser using WebSockets。

如果您拥有TC55的支持合同，则可以将设备更新为最新的安全更新和修复程序。您可以在Zebra's Support Website找到更多信息。