Javascript Focus() 函数不起作用

Question

我有一个我想设置焦点的文本框，但它不起作用。

document.getElementById("txtCity").focus();

有什么想法吗？

Answer 1

也许您在呈现输入元素之前调用 JavaScript？将输入元素放在 JavaScript 之前，或者等到页面加载后再触发 JavaScript。

按照这个顺序，它工作得很好:

<input type="text" id="test" />
<script type="text/javascript">
  document.getElementById("test").focus();
</script>

在jQuery您可以将您的代码放在 .ready() 中当 DOM 完全加载时首先执行代码的方法:

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $("#test").focus();
    // document.getElementById("test").focus();
  });
</script>