Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

skip focus from TAB jump

Tags:

html

jquery

css

I have a paragraph with various html elements. Some links, some input boxes, etc. The TAB button changes focus from the current element to the next html element: it jumps from link to link. Is it possible to set a specific html element to be "skipped" from such focus from the TAB button?

like image 865
Randomblue Avatar asked Jul 26 '11 00:07

Randomblue


People also ask

How do I stop my tab from focusing?

To prevent tab indexing on specific elements, you can use tabindex="-1". If the value is negative, the user agent will set the tabindex focus flag of the element, but the element should not be reachable with sequential focus navigation. Note that this is an HTML5 feature and may not work with old browsers.

How do you skip focus in HTML?

The tabindex attribute controls tabbing. Set it to -1 and the tab key will not stop on that element. Set it to a non-negative number and you can control the tab order.

How do I make a div not Tabbable?

In order to prevent an element from being tabbed to, use tabindex=-1 attribute. Adding tabindex=-1 will make any element focusable, even div elements.


1 Answers

The tabindex attribute controls tabbing. Set it to -1 and the tab key will not stop on that element.

<input tabindex="-1" />

Set it to a non-negative number and you can control the tab order. From the W3C spec:

The following elements support the tabindex attribute: A, AREA, BUTTON, INPUT, OBJECT, SELECT, and TEXTAREA.

In HTML5 you can use the tabindex attribute on any element. From HTML5 differences from HTML4:

Several attributes from HTML4 now apply to all elements. These are called global attributes: accesskey, class, dir, id, lang, style, tabindex and title.

like image 129
jfriend00 Avatar answered Sep 28 '22 18:09

jfriend00