web-dev-qa-db-fra.com

Comment désactiver les onglets pour la balise <a>

J'utilise <a> balises pour les liens sur une page Web. Comment désactiver le Tab clé de sélection de l'un d'eux?

37
Rakesh

Alternativement, vous pouvez opter pour une solution HTML simple.

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

Le spécification HTML5 dit :

Si la valeur est un entier négatif
L'agent utilisateur doit définir l'indicateur de focus tabindex de l'élément, mais ne doit pas permettre à l'élément d'être atteint à l'aide de la navigation de focus séquentielle.

170
Sergey Ilinsky

J'ai dû empêcher les divs avec et le débordement: la règle css automatique n'avait pas de tabulation avant et ce que j'ai fait était (transposé pour les a):

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

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

Utiliser tabindex plutôt que flou signifie que le focus passera à l'élément suivant.

Voulez-vous vraiment désactiver tabindex? C'est un peu vital pour la navigation sans souris.

Je viens de remarquer une réponse similaire en HTML simple

3
meouw

Essayer

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

Tag <a> doit pouvoir être indexé par tabulation. Cela facilite la navigation.

utilisation <p> ou <span> à la place, largeur onclick="window.location.href='URL'" attribut d'événement.

exemple:

<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