范围
我正在尝试使用JavaScript在一个简单的Web应用程序中检测手持Android设备集成的条码扫描器的字符输入。由于大多数条码扫描器的行为类似于键盘楔子,因此我使用检测事件keypress
和/或keyup
来解释和处理字符输入。
我不希望字符输入填充文本输入,因此我已将事件处理程序分配给document
,但我也知道我可以将其分配给window
。
示例代码
完成任务的样本代码如下;此示例不区分键盘输入和扫描仪输入,但我已经解决了这个问题。
var barcodeString = "";
$(document).keypress(function (event) {
// If character is carriage-return prevent submit.
if (event.which === 13) {
event.preventDefault();
}
// Append other characters to barcodeString.
barcodeString += event.key;
});
问题
我的问题是许多设备根本不返回任何可读字符。当我使用 event.keyCode
监控字符编码时,我收到两个代码:229 和 13。这篇文章 W3 keyCode in key events 和这个 StackOverflow 回答 Is it OK to ignore keydown events with keyCode = 229? 概述了 229 代码意味着输入监视器正在忙碌。我只能假设这是因为:
- 条形码扫描仪在插入字符时锁定了输入监视器。
- 字符输入的速度导致输入监视器变得过于繁忙,无法检测字符输入。
有趣的是,如果我在将文本扫描到文本输入时检测 event.keyCode
,则会检测到两个字符代码:229 和 13,然后才将文本插入到文本输入中。
设备
我试图在 Nautiz X2(由 Handheld Group 制造)和另一台 Android 设备上实现此功能,但我无法确定该设备的品牌,但似乎更通用,带有不同的条形码扫描软件。
解决方法
1
Handheld Group 提供了一个 JavaScript API 与 Handheld 扫描仪进行交互。它的工作方式是他们为自定义浏览器命名为 Kiosk Browser 提供一个 APK,并在那里实现特定于扫描仪的 JavaScript 解释。文档可以在此处找到(非常简短,阅读时间不长):JavaScript Scanner Interface
2
更通用的 Android 设备具有“减慢”扫描仪字符输入的功能,以使扫描仪与第三方应用程序更兼容。这样做可以让我检测到字符输入。虽然 event.key
总是返回代码 229(这次来自无法读取的字符),但 String.fromCharCode(event.which)
将在一定程度上解决问题(它不能处理特殊字符)。Nautiz X2 在软件设置中没有“减慢”输入的选项。
3
我考虑的另一种替代方法是将文本输入放置在具有样式 display: none
的网页上以隐藏它,并使用 JavaScript 不断将焦点设置在输入上。然后我可以“尝试”监视 onChange
并处理字符输入。我真的想避免这种方法。
总结
我提出的解决方法似乎很糟糕,第一个方法也不具备设备无关性。我在想是否有更好的方式来“倾倒”条形码扫描器输入的文本,以便我可以在我的应用程序中处理它?或者,是否有事件可以监视以检测字符输入?