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

Ответ 1

EDIT: Привет, автор оригинала этого ответа. Не используйте этот. Прокрутить вниз. StackOverflow не позволит мне удалить этот ответ, поскольку он был принят.

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

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

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

fooobar.com/questions/161846/...

Ответ 2

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

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

спецификация HTML5:

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

Ответ 3

Я должен был предотвратить divs с и переполнение: 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

Ответ 4

Тег <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>

Ответ 5

Try

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