CODEWITHSUNDEEP
htmlanchortabstop
Robert Koritnik
Robert Koritnik

Reputation: 105029

Prevent tabstop on A element (anchor link) in HTML

Is it possible to cancel an <a href="..."> from being tabstopped in any browser? I would like to do this without Javascript.

Upvotes: 171

Views: 83149

Answers (5)

CodeDreamer68
CodeDreamer68

Reputation: 430

Remove the href attribute from your anchor tag

Upvotes: 3

Roberto Aloi
Roberto Aloi

Reputation: 30985

Some browsers support the tabindex="-1" attribute, but not all of them, since this is not a standard behaviour.

Upvotes: 294

dtharpe
dtharpe

Reputation: 179

You could apply a JQuery handler to the element you want to target multiple elements with no tab stop.

$(document).ready(function () {
    $('.class').attr('tabindex', '-1');
});

Would be one way to do it....

Upvotes: 17

zzzzBov
zzzzBov

Reputation: 179056

Modern, HTML5 compliant, browsers support the [tabindex] attribute, where a value of -1 will prevent the element from being tabbed to.

If the value is a negative integer
The user agent must allow the element to be focused, but should not allow the element to be reached using sequential focus navigation.

Upvotes: 80

Ammosi
Ammosi

Reputation: 61

I think you could do this by javascript, you override the window.onkeypress or onkeydown, trap the tab button, and set the focus at the desired order.

Upvotes: 6

Related Questions