Как отключить вкладки для тега <a>

Question

Я использую <a> теги для ссылок на веб-странице. Как отключить клавишу Tab для выбора любого из них?

Answer 1

В качестве альтернативы вы можете использовать простое решение HTML.

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

В спецификации HTML5 написано :

Если значение является отрицательным целым числом
Пользовательский агент должен установить флаг фокуса tabindex элемента, но не должен позволять доступ к элементу с помощью последовательной навигации фокуса.

Answer 2

Мне нужно было запретить использование div-ов и переполнение: у правила auto 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

Answer 3

Метка <a> должна иметь возможность индексирования по вкладкам. Это облегчает навигацию.

используйте <p> или <span> вместо * width 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>

Answer 4

РЕДАКТИРОВАТЬ: Привет, оригинальный автор этого ответа здесь. Не используйте это. Прокрутить вниз. StackOverflow не позволит мне удалить этот ответ, поскольку он был принят.

---

Вы можете сделать что-то подобное для этих ссылок:

 <a href="http://foo.bar" onfocus="this.blur()">Can't focus on this!</a>

Вы должны использовать ответ ниже.

https://stackoverflow.com/a/457115/974680

Answer 5

Попробуйте

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