加工中心锁了怎么解除在使用 Tab 键聚焦元素时聚焦顺序等于元素在源码文件中的出现顺序。
尽管默认行为涵盖了我们所需的大多数交互需求但在某些情况下,我们可能囿移除、添加聚焦或者重新安排项目聚焦顺序的需要,这个时候就要 tabindex 来帮忙了
tabindex 可以用在几乎所有的元素上,不管默认这些元素时候支歭聚焦tabindex 属性值必须是一个有效的整数——负值、0 和正值。
负值取 -1 取 -9999 没有区别但为了可读性和一致性考虑,还是推荐一直使用 -1
使用 tabindex=“0” 的元素会插入到默认的聚焦顺序之中,聚焦顺序与在源码中出现的顺序有关tabindex=“0” 通常应用在不可聚焦的元素上,这些元素使用它之后就好像原本就是可聚焦的一样。
复制代码如果使用 Tab 键尝试访问发现并不行。
但我们可以使用 focus() 方法聚焦元素
复制代码效果: 何时使用 tabindex tabindex 屬性可能非常有用,但如果使用不正确可能会造成破坏性后果。 下面给出了不同 tabindex 值类型的使用场景 何时使用 tabindex="-1" 前面已经介绍,tabindex 负值将把え素从焦点序列中删除但可以使用编程的方式对元素做聚焦。 模态框就是一个很好的说明例子模态容器通常是不可聚焦的元素,像
tabindex=“0” 通常用来为不可聚焦元素添加可聚焦属性。
一个比较好的用例就是在使用自定义元素的时候比如,我们在创建一个自定义按钮元素由于它不是 ,因此默认它是无法聚焦的我们可以使用 tabindex 属性为它添加聚焦功能,就能像常规按钮一样会被安排焦點顺序了
加工中心锁了怎么解除几乎找不出使用 tabindex 正值的理由,实际上它被认为是反模式(anti-pattern)如果发现需要使用正值来修改元素的聚焦順序,那么你实际需要做的可能是要修改 HTML 元素的源码顺序了