javascript - HTML 刷卡登录

Question

我正在尝试创建一个 html 登录页面，允许用户通过刷卡登录(在他们的计算机上连接读卡器)。我的想法最初的想法是做一个隐藏的文本框，将焦点放在隐藏的文本框上，刷卡时，卡片信息进入框并提交表单。

问题:1. 当我在隐藏的文本框上尝试 xx.focus() 时，我不断收到 JS 错误。2. 我使文本框可见，但将其高度和宽度设置为 1px。不过，您仍然可以看到光标在文本框中闪烁。

问题:有人有实现这个想法的好方法吗？

Answer 1

如果您不想让用户看到文本框，您可以使用旧的 CSS“hiding stuff off of the screen”技巧。只需在左侧或右侧设置一个绝对位置，任何屏幕都无法显示。例如(从引用页面中提取):

.offscreen {
    position: absolute;
    left: -999em;
}