JS 怎么实现在加载页面后，自动把焦点设置到tabIndex为1的输入框上？

让文本框活的焦点只需要完成两个步骤。第一，定位到这个标签。第二，让标签触发活的焦点事件。tabindex作为定位标签未知不可靠，如果未知有变动就会出错。最好的办法就是用id选择器，速度快，定位准确。然后利用js或者jquery中focus()方法即可让光标定位到文本框中。

应用扩展：普遍应用的案例就是在网站的登陆页中，为了更方便用户输入，进入页面后就定位到用户名密码的文本框，不用再动鼠标进行点击。增强了用户体验。

希望能够帮助到您。

tabindex有三个值：0 ，-1， 以及X（X里32767是界点，稍后说明）

原本在Html中，只有链接a和表单元素可以被键盘访问（即使是a也必须加上href属性才可以)，但是aria允许tabindex指定给任何html元素。

当tabindex=0时，该元素可以用tab键获取焦点，且访问的顺序是按照元素在文档中的顺序来focus，即使采用了浮动改变了页面中显示的顺序，依然是按照html文档中的顺序来定位。

当tabindex=-1时，该元素用tab键获取不到焦点，但是可以通过js获取，这样就便于我们通过js设置上下左右键的响应事件来focus，在widget内部可以用到。

当tabindex>=1时，该元素可以用tab键获取焦点，而且优先级大于tabindex=0；不过在tabindex>=1时，数字越小，越先定位到。

在IE中，tabindex范围在1到32767之间（包括32767），在FF， Chrome无限制，不过一旦超出32768，顺序跟tabindex=0时一样。这个估计跟各个浏览器对int型的解析有关。

点击打开链接

补充说明：学习bootstrap的modal时，用到了该属性。

本文来自 hellogjq 的CSDN 博客 ，全文地址请点击： https://blog.csdn.net/u012698342/article/details/70045568?utm_source=copy

---