Javascript 如何在load-JS页面的输入框中加载值

当页面加载时，我试图在输入框中尽快设置或加载一个值。使用下面的代码，我注意到在输入框中填充值之前，输入框大约有一秒或两秒是空的。有没有办法让输入框与值一起加载

Loader.JS

   const myKey = document.querySelectorAll('.key__input');
document.onreadystatechange = function () {
    if (document.readyState === "complete") {
        myKey.forEach(function (key) {
            key.value = "Hello Stack OverFlow";
            key.focus();
        })

    }
}

---

您应该在（DOM就绪）而不是在上写入事件

constkeyimports=document.querySelectorAll（'.key\uu input'）；
window.addEventListener（'DOMContentLoaded'，（事件）=>{
键输入。forEach（函数（键输入）{
keyinport.value=“Hello堆栈溢出”；
keyInput.focus（）；//焦点将保留在最后选定的元素上
})
});

您应该在（DOM就绪）而不是在上写入事件

constkeyimports=document.querySelectorAll（'.key\uu input'）；
window.addEventListener（'DOMContentLoaded'，（事件）=>{
键输入。forEach（函数（键输入）{
keyinport.value=“Hello堆栈溢出”；
keyInput.focus（）；//焦点将保留在最后选定的元素上
})
});

您需要将代码包装到：

当初始HTML文档已加载时，将激发DOMContentLoaded事件 已完全加载和分析，无需等待样式表， 完成加载的图像和子帧

window.addEventListener（'DOMContentLoaded'，函数（e）{
const myKey=document.querySelectorAll（'.key\uu input'）；
myKey.forEach（函数（键）{
key.value=“Hello堆栈溢出”；
key.focus（）；
})
})

---

您需要将代码包装到：

当初始HTML文档已加载时，将激发DOMContentLoaded事件 已完全加载和分析，无需等待样式表， 完成加载的图像和子帧

window.addEventListener（'DOMContentLoaded'，函数（e）{
const myKey=document.querySelectorAll（'.key\uu input'）；
myKey.forEach（函数（键）{
key.value=“Hello堆栈溢出”；
key.focus（）；
})
})