javascript - 将显示更改为 "block"后将焦点设置为输入

Question

我在搜索中找不到这个问题的答案。

使用 javascript 我有一个带有 onclick 事件的 div (ac)，其中一部分是将焦点设置到先前隐藏的 div (as) 中的输入元素 (gn)。

我希望它能工作:

ac.onmousedown = function () {
    csect.style.display = "none";
    as.style.display = "block";
    gn.focus();
}

但没有，所以我加了一点延迟

ac.onmousedown = function () {
    csect.style.display = "none";
    as.style.display = "block";
    setTimeout(function(){
        gn.focus()
        },30);
}

这让它发挥作用。

这种延迟真的有必要吗？我错过了什么吗？

感谢您的帮助。

Answer 1

点击的默认操作(将焦点设置到您点击的内容)发生在 mousedown 事件处理程序触发之后。这意味着 JavaScript 将焦点设置到 gn，然后单击 ac 的正常行为将焦点设置到 ac。

参见 this example进行演示。

使用点击事件代替鼠标按下事件。