Javascript Focus()函数无法正常工作

Question

我有一个文本框,我想设置焦点,但它不起作用.

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

任何的想法？

Answer 1

如果有人搜索的情况与我的类似......我必须先设置一个tabindex属性，然后div才能收到focus()：

featured.setAttribute('tabindex', '0');
featured.focus();
console.log(document.activeElement===featured); // true

（我在这里找到了答案：Make div element receive focus）

当然，在将焦点设置到子元素之前，请确保 body 元素已准备好。

Answer 2

我也遇到了同样的问题。要解决这个问题，请将代码放入 setTimeout 函数中。

function showMeOnClick() {
    // Set text filed focus after some delay
    setTimeout(function() { jQuery('#searchTF').focus() }, 20);
    // Do your work.....
}

Answer 3

也许你在渲染输入元素之前调用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>