HTMLElement.tabIndex

HTMLElement インターフェイスの tabIndex プロパティは、現在の要素のタブの順序を表します。

タブの順序は次のとおりです:

  1. 正の tabIndex を持つ要素。 同一の tabIndex を持つ要素は、表示された順序でナビゲートすべきです。 ナビゲーションは、最も低い tabIndex から最も高い tabIndex に進みます
  2. tabIndex 属性をサポートしていない要素、または tabIndex 属性をサポートし、tabIndex0 に割り当てる要素は、それらが表示された順序で。

無効になっている要素は、タブの順序に関与しません。

値は逐次的である必要はなく、特定の値で始まる必要もありません。 各ブラウザーは非常に大きな値を切り取りますが、値は負である場合もあります。

構文

element.tabIndex = index;
var index = element.tabIndex;

index は整数です。

const b1 = document.getElementById("button1"); 

b1.tabIndex = 1;

仕様

仕様 状態 コメント
HTML Living Standard
tabindex の定義
現行の標準 Document Object Model (DOM) Level 2 HTML Specification からの変更なし。
Document Object Model (DOM) Level 2 HTML Specification
tabindex の定義
廃止された Document Object Model (DOM) Level 1 Specification からの変更なし。
Document Object Model (DOM) Level 1 Specification
tabindex の定義
廃止された 最初の定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
tabIndexChrome 完全対応 1Edge 完全対応 18
完全対応 18
部分対応 一部
補足
補足 Returns incorrect value for elements without an explicit tabindex attribute. See issue 4365703 for details.
Firefox 完全対応 1IE 部分対応 7
補足
部分対応 7
補足
補足 Returns incorrect value for elements without an explicit tabindex attribute. See issue 4365703 for details.
Opera 完全対応 ありSafari 完全対応 6WebView Android 完全対応 4.4Chrome Android 完全対応 18Firefox Android 完全対応 4Opera Android 完全対応 ありSafari iOS 完全対応 ありSamsung Internet Android ?

凡例

完全対応  
完全対応
部分対応  
部分対応
実装状況不明  
実装状況不明
実装ノートを参照してください。
実装ノートを参照してください。

関連情報