Javascript，我无法将焦点设置到html表单元素

Question

我知道我必须在谷歌、youtube和stackoverflow上搜索，然后才能在stackoverflow上提问。

但我发誓我在youtube上看了很多视频，我在google和stackoverflow上搜索了很多方法！来解决我的问题。，

而现在我却被困在这里

<input id="input-sign-in-id" class="uqid-id-input touch-feedback textfield-validate theme-textfield hokkai-text-input insert-dir three-point-leader" dir="auto" placeholder="Email Address" maxlength="64" type="email">

我可以通过这个代码设置任何值，它可以工作。

var t2 = document.getElementById("input-sign-in-id");
t2.value = "LuxuryUAE2@hotmail.com";

但问题是我无法将焦点设置到输入上，我尝试了此代码，但它不起作用。

var t2 = document.getElementById("input-sign-in-id");
t2.focus();
t2.click();
t2.select();

Answer 1

您的JavaScript看起来是正确的。您应该能够使用以下代码关注input元素：

document.getElementById("input-sign-in-id").focus()

该输入元素上有许多CSS类，这些类可能会影响该元素的焦点样式。此外，可能还会有ID特定的CSS影响。

尝试删除所有类，看看是否可以正常工作。然后慢慢地将它们逐一添加回来，直到你找到罪魁祸首。

Answer 2

​

function setFocus(){
    document.getElementById("input-sign-in-id").focus();
}

<input id="input-sign-in-id">

​

你可以使用javascript来聚焦：

<input id="input-sign-in-id">

你的焦点脚本应该是

<script>
function setFocus(){
    document.getElementById("input-sign-in-id").focus();
}
</script>

Answer 3

尝试使用以下命令，看看是否有效：

window.setTimeout(function () { 
    document.getElementById('input-sign-in-id').focus(); 
}, 0);