web-dev-qa-db-ja.com

HTMLのA要素(アンカーリンク)でのタブストップの防止

どのブラウザでも<a href="...">をタブストップからキャンセルすることはできますか?私はJavascriptなしでこれをしたいと思います。

143
Robert Koritnik

一部のブラウザはtabindex="-1"属性ですが、すべてではありません。これは標準の動作ではないためです。

250
Roberto Aloi

最新のHTML5準拠のブラウザは、 [tabindex]属性 をサポートします。ここで、-1の値は、要素のタブ移動を防ぎます。

値が負の整数の場合
ユーザーエージェントは、要素のフォーカスを許可する必要がありますが、順次フォーカスナビゲーションを使用して要素に到達することを許可しないでください。

69
zzzzBov

タブストップなしで複数の要素を対象とする要素にJQueryハンドラを適用できます。

$(document).ready(function () {
    $('.class').attr('tabindex', '-1');
});

それを行う方法の1つになります。

15
dtharpe

あなたはjavascriptでこれを行うことができ、window.onkeypressまたはonkeydownをオーバーライドし、タブボタンをトラップし、目的の順序でフォーカスを設定できると思います。

6
Ammosi

アンカータグからhref属性を削除します

4
CodeDreamer68