javascript - タグのタブを無効にするにはどうすればよいですか
5 に答える
または、プレーンなHTMLソリューションを使用することもできます。
<a href="http://foo.bar" tabindex="-1">inaccessible by tab link</a>
値が負の整数
の場合ユーザーエージェントは、要素のtabindexフォーカスフラグを設定する必要がありますが、シーケンシャルフォーカスナビゲーションを使用して要素に到達することを許可しないでください。
私は divs with and overflow: auto css rule が前にタブストップを持たないようにしなければなりませんでした。
var links = document.getElementsByTagName( 'a' );
for( var i = 0, j = links.length; i < j; i++ ) {
links[i].setAttribute( 'tabindex', '-1' );
}
ぼかしではなく tabindex を使用すると、フォーカスが次の要素にスキップします。
ただし、tabindex を無効にしてもよろしいですか? マウスを使わずにナビゲーションするには、これはちょっと重要です。
プレーンHTMLで同様の回答に気づきました
試す
<a onfocus="this.blur();" href = "bla">Bla</a>
タグ<a>
は、タブ インデックスを作成できる必要があります。ナビゲーションが容易になります。
<p>
または<span>
代わりに widthonclick="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>
編集:こんにちは、この回答の元の作者はこちらです。これは使用しないでください。下へスクロール。StackOverflowでは、受け入れられたため、この回答を削除できません。
これらのリンクに対して、次のようなことを行うことができます。
<a href="http://foo.bar" onfocus="this.blur()">Can't focus on this!</a>
ただし、以下の答えを使用する必要があります。