document.getElementById（id）.focus（）不适用于Firefox或Chrome

每当我执行onchange事件时，它都会在函数内部进行验证，但是我正在使用的焦点不在 document.getElementById('controlid').focus();

我正在使用Mozilla Firefox和Google Chrome，但两者均无法正常工作。我不要任何IE。谁能告诉我原因。

提前致谢

这是代码：

var mnumber = document.getElementById('mobileno').value; 
if(mnumber.length >=10) {
    alert("Mobile Number Should be in 10 digits only"); 
    document.getElementById('mobileno').value = ""; 
    document.getElementById('mobileno').focus(); 
    return false; 
}

尝试使用计时器：

var mnumber = document.getElementById('mobileno').value;
if (mnumber.length >=10) 
{ 
    alert("Mobile Number Should be in 10 digits only");
    document.getElementById('mobileno').value = "";
    window.setTimeout(function ()
    {
        document.getElementById('mobileno').focus();
    }, 0);
    return false;
}

当线程变为空闲时，计数为0的计时器将运行。如果这样做没有帮助，请尝试在onblur事件中尝试使用计时器代码（使用计时器）。

如果focus()不起作用，请提及2件事：

• 附加到父项后使用此功能
• 如果选择了控制台，则刷新页面后，元素将不会获得焦点，因此在测试时选择（单击）网页

这种方法在Firefox和Chrome中都可以使用，而无需使用任何工具setTimeOut()。

window.setTimeout(function () { 
    document.getElementById('mobileno').focus(); 
}, 0); 

这也为我工作。Firefox会设置我的元素的值，但不会关注它。

我的情况有些不同。我试图focus()从浏览器开发人员控制台中输入信息。事实证明，它以某种方式干扰了输入，一旦我最小化控制台，一切都会按预期工作。我知道这不是程序化的解决方案，但是如果有人像我一样在搜索引擎工具上发现了此信息，则此信息可能会有所帮助。

并非所有元素都是可聚焦的，但是默认情况下，有一个tabindex属性可以解决此问题。

当您将tabindex =分配给元素时：

它变得可聚焦。用户可以使用Tab键从具有较小的正tabindex的元素移动到下一个。例外是特殊值tabindex =“ 0”表示该元素将始终位于最后。tabindex = -1表示元素变为可焦点，但是tab键将始终跳过该元素。只有focus（）方法可以工作

要添加到此列表中进行检查的另一件事：

确保尝试聚焦的元素本身不存在，也不包含在显示为“ none”的元素中。

为了重新获得焦点以在javascript中重新输入密码文本框：

window.setTimeout(function() { document.forms["reg"]["retypepwd"].focus(); },0);

这reg是注册表格名称。

我怀疑这样做的原因是浏览器渲染与javascript和setTimeout（function（）{}，0）在同一线程上运行；将setTimeout中的javascript函数排入队列，以在浏览器空闲时执行。如果有人有更深入的解释，请分享。

setTimeout(function(){ 
 if(document.getElementById('mobileno')){
  document.getElementById('mobileno').focus();
 } 
},0);

我知道这可能是一个深奥的用例，但是在使用Angular 2框架时，我很难获得足够的投入来集中精力。不管我做什么，调用focus（）根本不起作用。

最终，我意识到angular抑制了它，因为我没有在输入上设置[[ngModel）]。设置一个就解决了。希望它能帮助某人。

上面建议的超时解决了Chrome上的问题。IE8或FF3上没有问题。

我设定工作重点的代码是：

window.setTimeout(function() {
  document.form1.password.focus();
}, 0);

您是否正在尝试在DOM完成加载之前引用该元素？

您的代码应加载到主体中（或加载DOM后应执行的另一个函数，例如$(document).ready()jQuery）

body.onload = function() { 
    // your onchange event handler should be in here too   
    var mnumber = document.getElementById('mobileno').value; 
    if(mnumber.length >=10) {
        alert("Mobile Number Should be in 10 digits only"); 
        document.getElementById('mobileno').value = ""; 
        document.getElementById('mobileno').focus(); 
        return false; 
    }    
}

确保使用“ id”和“ getElementById”，如下所示：

<FORM id="my_form" name="my_form" action="">
<INPUT TYPE="text" NAME="somefield" ID="somefield" onChange="document.getElementById('my_form').submit();">
</FORM>

添加一个控件，您要在其中设置焦点，然后更改其属性，如下所示

<asp:TextBox ID="txtDummy" runat="server" Text="" Width="2" ReadOnly="true" BorderStyle="None" BackColor="Transparent"></asp:TextBox>

在后面的代码中，只需如下调用 txtDummy.Focus()

此方法适用于所有浏览器。

您的工作重点是在返回false之前；，之后不起作用。您尝试此解决方案。返回后控制为假；

将代码放入函数中：

function  validateNumber(){
    var mnumber = document.getElementById('mobileno').value; 
    if(mnumber.length >=10) {
        alert("Mobile Number Should be in 10 digits only"); 
        document.getElementById('mobileno').value = ""; 
        return false; 
    }else{
        return true;
    }
}

来电功能：

function submitButton(){
        if(!validateNumber()){
            document.getElementById('mobileno').focus();
            return false;
        }
}

HTML：

Input:<input type="text" id="mobileno">
<button onclick="submitButton();" >Submit</button>

将此源放在模态上方：

<script>
$('body').on('shown.bs.modal', '#IdYourModal', function () {
    document.getElementById('mobileno').focus();
})
</script>

我刚刚发现的一件事是，如果有多个具有相同ID的元素，它将不起作用。如果您尝试执行此操作不会出错，但只会默默地失败

尝试 location.href='#yourId'

像这样：

<button onclick="javascript:location.href='#yourId'">Show</button>