MathMLElement:tabIndex 属性

Baseline 已广泛支持

此功能已成熟,并且在众多设备和浏览器版本上都能正常工作。自 2023 年 1 月以来,它已在各浏览器中可用。

MathMLElement 接口的 tabIndex 属性表示当前 MathML 元素的 tab 顺序。

焦点顺序如下:

  1. 具有正数 tabIndex 的元素。tabIndex 值相同的元素应按其出现的顺序导航。导航从最低 tabIndex 到最高 tabIndex 进行。
  2. 不支持 tabIndex 属性或支持该属性但将其值赋为 0 的元素,按其出现的顺序导航。

被禁用的元素不参与 tab 顺序。值不需要是连续的,也不需要从任何特定值开始。它们甚至可以是负数,尽管每个浏览器都会修剪非常大的值。

一个整数。

示例

使用 tabIndex 属性

html
<math id="math1" tabindex="2">
  <msup>
    <mi>a</mi>
    <mn>2</mn>
  </msup>
</math>

<math id="math2">
  <mfrac>
    <mn>1</mn>
    <mn>2</mn>
  </mfrac>
</math>
js
const math1 = document.getElementById("math1");
const math2 = document.getElementById("math2");

// Access and modify the tabIndex
console.log(math1.tabIndex); // 2
math2.tabIndex = 1; // Add math2 to the tab order before math1

// Programmatically focus on an element with negative tabIndex
math1.tabIndex = -1;
math1.focus(); // Works, even though it is not in the tabbing order

结果

规范

规范
HTML
# dom-tabindex

浏览器兼容性

另见