web-dev-qa-db-ja.com

<a>タグのタブを無効にする方法

使っています <a> Webページ上のリンクのタグ。無効にする方法 Tab それらのいずれかを選択することからのキー？

javascripthtmljavascript-events
37
Rakesh

または、プレーンHTMLソリューションを使用することもできます。

<a href="http://foo.bar" tabindex="-1">inaccessible by tab link</a>

HTML5仕様によると ：

値が負の整数の場合
ユーザーエージェントは、要素のtabindexフォーカスフラグを設定する必要がありますが、シーケンシャルフォーカスナビゲーションを使用して要素に到達できないようにする必要があります。

170
Sergey Ilinsky

私はdivとオーバーフローを防ぐ必要がありました：自動cssルールが以前にタブストップを持たないようにして、私がしたことは（aに置き換えられました）：

var links = document.getElementsByTagName( 'a' );

for( var i = 0, j =  links.length; i < j; i++ ) {
    links[i].setAttribute( 'tabindex', '-1' );
}

ぼかしではなくtabindexを使用すると、フォーカスは次の要素にスキップします。

ただし、tabindexを無効にしてもよろしいですか？マウスなしでのナビゲーションには、これは非常に重要です。

プレーンHTMLで同様の答えに気づいた

3
meouw

試す

<a onfocus="this.blur();" href = "bla">Bla</a>
0
user19302

鬼ごっこ <a>は、タブで索引付けできる必要があります。ナビゲーションが簡単になります。

使用する <p>または<span>代わりに、幅onclick="window.location.href='URL'"イベント属性。

例：

<span onclick="window.location.href='http://www.w3schools.com'">text that redirects you to W3S on click, where you can read more about HTML standards.</span>
0
user669677