如何设置网页的默认输入焦点？

Posted 2023-03-26

我在浏览视频网站时习惯使用键盘操作视频，但是网页的默认输入焦点不在视频上，需要先用鼠标点一下，如果能省去这个麻烦，其他方法也可以。

可以通过使用javascript的focus()方法来实现。

格式：Node.focus();

作用：Node元素获得键盘焦点，Node可以是任何元素，甚至是一个窗口，但一般常用于表单输入控件，如文本框、下拉列表、单选框、文本域等，如果Node是文本框，其中会出现文字输入光标（就像鼠标点击了文本框一样）。

示例：将一个网页上的默认输入焦点定位到某个文本框上

<div class="group1">
<input type="text" id="userName">
<input type="text" id="password">
<input type="text" id="repeatPsw">
</div>
<div class="group2">
<input type="text" id="trueName">
<input type="text" id="sex">
</div>

document.getElementById('userName').focus();  // 页面载入后输入焦点定位到#userName文本框

参考技术A 使用tab键可以选择焦点 。