我正在为商店创建基于网络的自助服务。 现在一切正常，客户可以将会员卡扫描到html输入框，然后他们的名字将显示在屏幕上的一个框中（使用javascript，php和一个mysql数据库），他们可以扫描产品，然后显示价格和其他产品信息。
我刚刚开始设计用户界面，这就是我遇到问题的地方。我不希望人们必须选择会员卡输入框来扫描他们的卡，然后选择产品输入框来扫描他们的产品。我已尝试将实际输入框移出网站
position:absolute; left:-9999px
然后使用javascript自动选择正确的输入框。
window.onload = function () {
input = document.getElementById('input');
input.focus();
input.select();
}
当人们做他们期望的事情时，这很好。但这对现实生活中的情况不起作用。
我想我可以做这样的事情（在stackoverflow上找到这个）：
<input onblur="this.focus()" autofocus />
保持选择输入框，但是当我使用多个输入框时，感觉这是一个糟糕的解决方案（需要使用javascript来更改适用于所有情况的输入框）。
这就是为什么我想知道是否有办法不必拥有一个特定的输入框，而是让网站处于输入模式，这样无论网站上发生了什么，以及用户是否意外点击在输入“框”之外，网站处于输入模式（对于特定的“变量”，例如会员卡或产品），并且网站将捕获任何扫描。 通过点击“立即付款”，“删除产品”或类似的东西，需要有一种方法退出输入模式，但除此之外，将无法退出输入模式。
有没有办法让这种情况发生？