获取没有文本框的文本输入

如何解决获取没有文本框的文本输入

我想在前门创建一个输入/输出仪表板，其中一台计算机和壁挂式电视全屏运行，没有键盘/鼠标，只有一个用于输入的条码扫描仪。 Asp.net mvc 仪表板应用程序将为接待员显示所有当前在职员工的列表。要显示用户列表，如果我有一个文本框和“提交”按钮，这将很容易。出于设计和 COVID 的原因，我希望计算机始终等待来自条形码扫描仪的输入，而没有任何提示/文本框。我只希望员工走到终端并在进入/退出时扫描自己。这有意义吗？我正处于这个项目的设计阶段，无法弄清楚如何在没有传统 texbox/submit 方法的情况下获取文本输入。谢谢。

解决方法

当然有道理。

就是：

1. 查找支持您的条码扫描器的库
2. 编写读取扫描器的代码，并查找相应的名称（例如从数据库中）
3. 编写使用新名称更新列表的代码。
4. 您可能还希望让接待员能够从列表中删除姓名 - 或手动输入无法扫描的姓名。

---

附录：

没有键盘/鼠标，只有一个用于输入的条码扫描器......我只是想要 员工走到终端并在进入/退出时扫描自己......

这部分可能具有挑战性，原因如下：

• 如果有足够多的用户界面让员工可以点击“开始扫描”（例如使用按钮），那就太好了

• 目前尚不清楚仅读取条码中的编码内容是否足够。通常，条码包含的信息很少（例如“用户 ID”），您需要进行额外的处理（例如“从数据库中的 ID 中查找用户名”）。

然而……

看这里：

Barcode scanner sample

本文讨论如何使用 DeviceWatcher、ClaimScannerAsync() 和朋友异步接收扫描仪数据。

另见Obtain and understand barcode data。

其中大部分似乎是 UWP 特定的 - 我不确定它是否一定适合您。

您可能还想考虑使用键盘或鼠标……但将 PC“锁定”为“信息亭模式”。例如：

https://docs.microsoft.com/en-us/windows/configuration/lock-down-windows-10-applocker

,

这是我管理的：

https://jsfiddle.net/s2ryogxt/

$(document).ready(() => {
    const input = document.getElementById("myInput");

    input.style.position = "absolute";
    input.style.top = "-100px";
    input.focus(); // on DOM ready

    let timeout = null;
    input.addEventListener('keyup',() => {
        if (timeout) {
            clearTimeout(timeout);
        }
        timeout = setTimeout(() => {
            if(input.value) {
                alert(`I got ${input.value}`);
                input.value = "";
            }
            input.focus();
        },100);
    });
});

这都是 JavaScript，您可以用自己对端点的调用替换警报。只要确保该领域始终处于焦点，您应该没问题。