Question

我已经制作了一个表格，通过USB条形码阅读器输入产品代码。 java脚本或jquery中是否有机制通过USB条形码阅读器扫描产品代码后自动聚焦到下一个字段。反之亦然。

例如：光标通过条形码阅读器扫描产品代码后逐个聚焦。超市流程类型。

但产品代码大小不一样。某些产品代码包含10位数字，某些产品代码包含20位数字。

Answer 1

您可以使用javascript .focus方法来聚焦输入元素。像这样：如果您使用jQuery，则document.querySelector("#inputId").focus()或$("inputId").focus()。

您可以使用input js事件来侦听更改。转到http://jsfiddle.net/67sgxcyz/查看示例。更改第一个输入后，您将专注于第二个输入。

以下是我使用变量（currentInput）来跟踪哪个输入是当前输入的示例。当我们改变输入时，我们将重点放在下一个输入上。该示例非常原始，因为当您手动选择任何输入时，currentInput变量不会被更改。 http://jsfiddle.net/snytcfz0/（你可以用纯JS编写所有这些，但我很懒惰）

或者您可以不使用事件侦听器来触发焦点，而只需在管理产品代码的函数中设置内容后再运行它。像这样：

    var currentInput
    function scanBarCode (code) {
        $('input')[currentInput].value = code
        currentInput++
        $('input')[currentInput].focus()
    }

如何将焦点设置为下一个文本字段

1 个答案: