HTML

HTML属性tabindex_控制tab切换顺序&&让元素可获得焦点

在网页中可以使用 Tab 键在链接、输入框之间切换(Shift + Tab 是逆序切换),这在纯键盘操作、填写表格等场景下非常有用。tabindex 是 HTML 的一个全局属性,跟 Tab 键的这个行为密切相关,主要有两个用处:

  1. 使用 Tab 键时,设定可聚焦元素的切换顺序;
  2. 使元素可聚焦,例如 div 元素默认无法获得焦点,但设置 tabindex 属性后就可以。

本文主要内容如下:

  • 描述我在 tabindex 方面踩过的一个坑(无法触发 focus / onkeyup / onkeydown)
  • 介绍 focusable 元素、tabindex 属性的取值和效果
  • 介绍网页中使用 Tab 键切换存在的一些问题

继续阅读