在项目遇到这样一个问题:当浏览器拉起我们的页面时光标没有在我们页面内的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元素