1. ホーム
  2. html

[解決済み] tabindexからHTML要素を無視するには?

2022-03-24 19:17:43

質問

HTMLで、特定の要素でのタブインデックスを許可しないようにブラウザに指示する方法はありますか?

私のページには、jQuery でレンダリングされたサイドショーがありますが、これをタブで移動すると、タブコントロールがページ上の次の可視リンクに移動する前に何度もタブが押されることになります。

解決するには?

を使用することができます。 tabindex="-1" .

W3C HTML5仕様 は、ネガティブな tabindex の値を指定します。

値が負の整数の場合
ユーザエージェントは要素の tabindex フォーカスフラグを設定しなければなりませんが、シーケンシャルフォーカスナビゲーションを使ってその要素に到達することを許可してはなりません。


ただし、これはHTML5の機能であり、古いブラウザでは動作しない可能性があるので注意が必要です。
にする。 W3C HTML 4.01標準(1999年から) に準拠するためには、tabindex は正の値である必要があります。


以下は、ピュアHTMLでの使用例です。

<input />
<input tabindex="-1" placeholder="NoTabIndex" />
<input />