如何在输入类型时间内设置自动对焦

Question

我有一个简单的time类型输入，尝试在DOM树中设置自动聚焦下一个输入

<input type="time" name="startTime" (keyup)="setFocus($event)"/>

setFocus(element) {
    if (element.target.value.length == 5) {

        let coll = document.getElementsByTagName('input');
        let array = Array.from(coll)
        let thisOne = array.forEach((el) => {
            if (el == element.target) {
                let index = array.indexOf(el)

                let next = array[index + 1]

                next.focus();
                next.select();
            }
        });


    }
}

问题是当时间具有默认值时，值的长度始终为5（在键入时），如05:45或18:22 ，那么如何设置下一个自动聚焦？ 有什么办法可以找出光标在第5位吗？ 任何想法？

Answer 1

知道您有输入元素的ID后，就可以使用JavaScript焦点方法设置焦点，如下所示

document.getElementById(next.id).focus();

编辑：我发现如果元素没有ID，则焦点将不起作用，如果您设置了元素ID，则您的代码将可以正常工作。