Tab键的适当设置

在网页浏览中，可以通过使用Tab键来切换元素焦点，如在页面表单中input元素、checkbox、超链接。我们不必设定它们的tabIndex值，如此页面会按照DOM的树形结构自动选取合适的下一个切换点。

tabIndex使用演示1 ；

tabIndex的合法值：...-3,-2,-1,0,1,2,3...

说明：

The tabIndex value determines the tab order as follows: Objects with a positive tabIndex are selected in increasing p order and in source order to resolve duplicates. Objects with an tabIndex of zero are selected in source order. Objects with a negative tabIndex are omitted from the tabbing order.

当tabIndex属性设置为-1，Tab键就不会索引到该元素；在实际案例中我们可能使用onclick()事件选择如何处理各元素的tab位移、元素焦点，如果不设置tabIndex，则可能出现按下Tab后焦点“跳动”现象-先按照默认规则跳至A元素、再根据onclick()中处理逻辑跳转到指定B元素。

当然，HTML不会对隐藏的元素纳入tab切换顺序，所以如果满足需求的话，可以通过CSS将其隐藏：display:none; visibility:hidden; .

 更多tabIndex说明参考微软官网说明。