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

Question

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

例如：在通过条形码阅读器扫描产品代码后，光标将一一聚焦。 超级市场流程类型。

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

Answer 1

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

您可以使用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()
    }