[解決済み] 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 />
関連
-
[解決済み】ある要素を別の要素に移動させるには?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] HTML 5: Is it <br>, <br/>, or <br />?
-
[解決済み] HTMLのid属性に有効な値は何ですか?
-
[解決済み] How can I set the default value for an HTML <select> element?
-
[解決済み] HTMLページからのリダイレクト
-
[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
-
[解決済み】なぜHTMLは "chucknorris "を色と見なすのか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] divの内容を下に揃える方法
-
[解決済み] HTMLの "role "属性は何のためにあるのですか?
-
[解決済み] クリック可能なラベルを持つチェックボックスを作成するには?
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] フレックスアイテムを右寄せにするには?
-
[解決済み] label要素の中にinput要素を入れるべきですか?
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)