HTML DOM tabIndex 属性

元素对象参考手册 元素对象

定义和用法

tabIndex 属性可设置或返回单选按钮的 tab 键控制次序。

语法

HTMLElementObject.tabIndex=tabIndex

浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主要浏览器都支持 tabIndex 属性

实例

改变三个链接的 tab 排序：

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>蜜蜂教程(mifengjc.com)</title>
  <script>
    function changeTabIndex() {
      document.getElementById('1').tabIndex = "3";
      document.getElementById('2').tabIndex = "2";
      document.getElementById('3').tabIndex = "1";
    }
  </script>
</head>
<body>

  <p><a id="1" href="https://www.mifengjc.com">1</a></p>
  <p><a id="2" href="https://www.mifengjc.com">2</a></p>
  <p><a id="3" href="https://www.mifengjc.com">3</a></p>
  <input type="button" onclick="changeTabIndex()" value="改变标签索引">
  <p>试着先使用“Tab”按钮导航到链接之后你单击“改变标签索引”按钮。</p>

</body>
</html>

尝试一下 »

元素对象参考手册 元素对象