JavaScript焦点不工作

Javascript焦点在我的代码中不起作用

HTML

<div class="col-md-6" style="border:none; margin-top:2px; padding-right:5px">
    <input type="text" id="edtunt" ng-model="Unit" class="form-control" placeholder="Edit Unit" />
</div>

var textbox = document.getElementById('edtunt');
//document.getElementById("edtunt").focus();
document.getElementById("edtunt").focus();
$scope.Unit = unit.name;

您的代码可以工作：

document.getElementById（'edtunt'）.focus（）
使用tabindex=“0”使div可聚焦
实际上，您的代码应该可以工作。只是一个问题，你为什么这样做：

var textbox = document.getElementById('edtunt');
document.getElementById("edtunt").focus();

而不是：

var textbox = document.getElementById('edtunt');
textbox.focus();

对我来说，有效的方法是确保在设置焦点之前加载整个文档。一种非常简单的方法是使用以下复制粘贴JQuery代码：

$( document ).ready(function() {
    var textbox = document.getElementById('edtunt');
    textbox.focus();
});

希望这能有所帮助