どのブラウザでも<a href="...">
をタブストップからキャンセルすることはできますか?私はJavascriptなしでこれをしたいと思います。
一部のブラウザはtabindex="-1"
属性ですが、すべてではありません。これは標準の動作ではないためです。
最新のHTML5準拠のブラウザは、 [tabindex]
属性 をサポートします。ここで、-1
の値は、要素のタブ移動を防ぎます。
値が負の整数の場合
ユーザーエージェントは、要素のフォーカスを許可する必要がありますが、順次フォーカスナビゲーションを使用して要素に到達することを許可しないでください。
タブストップなしで複数の要素を対象とする要素にJQueryハンドラを適用できます。
$(document).ready(function () {
$('.class').attr('tabindex', '-1');
});
それを行う方法の1つになります。
あなたはjavascriptでこれを行うことができ、window.onkeypress
またはonkeydown
をオーバーライドし、タブボタンをトラップし、目的の順序でフォーカスを設定できると思います。
アンカータグからhref
属性を削除します