让元素为activeElement元素

在项目遇到这样一个问题：当浏览器拉起我们的页面时光标没有在我们页面内的input输入框中闪烁，用户体验不好。

用devtools看document.activeElement 为body， 所以在加载我们页面时：

document.getElementById("inputID").focus();  这样问题就解决了。

 

<div id="test">
    <input id="inputID" type="text" value="" />
    <div id="test_bottom"> test bottom </div>

</div>

 

<script>

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

</script>

 

总结：用document.activeElement 可以看焦点在哪个元素上。 document.getElementById("inputID").focus(); 可以设置元素为activeElement元素