How do I disable tabs for <a> tag

javascript html javascript-events
Rakesh picture Rakesh · Jan 19, 2009 · Viewed 50k times · Source

I am using <a> tags for links on a web page. How do I disable the Tab key from selecting either of them?

Answer

Sergey Ilinsky picture Sergey Ilinsky · Jan 19, 2009

Alternatively you could go for plain HTML solution.

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

The HTML5 spec says:

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

Related questions

Open popup and refresh parent page on close popup

I opened a popup window by window.open in JavaScript, i want to refresh parent page when I close this popup window.(onclose event?) how can I do that? window.open("foo.html","windowName", "width=200,height=200,scrollbars=no");

Read More
HTML <input type='file'> File Selection Event

Let's say we have this code: <form action='' method='POST' enctype='multipart/form-data'> <input type='file' name='userFile'><br> <input type='submit' name='upload_btn' value='upload'> </form> which …

Read More
Run JavaScript when an element loses focus

I have a standard HTML input that I want to run JavaScript code when it loses focus. Sadly my Google searches did not reveal how to do this. To make it clear, I'm looking for a way to do this: &…

Read More