Javascript/JQuery remove from tabindex

Question

On an HTML form I have INPUT text box followed by a link, then followed by another INPUT text box. I want to remove the link from the tabindex / tab order:

<p>
<input type="text" name="field1" id="field1" value="" />
<a href="..a url.." id="link1">more info</a>
</p>

<p>
<input type="text" name="field2" id="field2" value="" />
</p>

The tab order is field1, link1, field2 and I want it to be field1, field2 without link1 in the tabindex / order at all. Aside from reordering via the tabindex attribute, is there any way to remove link1 from tabbing altogether?

Timo Tijhof · Accepted Answer · 2015-01-27 00:57:16Z

36

You can achieve this with html:

<p>
<input type="text" name="field1" id="field1" value="" />
<a href="#" id="link1" tabindex="-1">more info</a>
</p>

<p>
<input type="text" name="field2" id="field2" value="" />
</p>

You could also use jquery to do this:

$('#link1').prop('tabIndex', -1);

edited Jan 27, 2015 at 0:57

Timo Tijhof

10.4k6 gold badges38 silver badges53 bronze badges

answered Jan 1, 2010 at 5:25

Jage

8,1164 gold badges34 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

pnichols Over a year ago

It works and it resolves a problem I have, but will it validate/is it crossbrowser compatible.? W3 says tabindex should be between 0 and 32767..?

Jage Over a year ago

It validates using transitional doctype (I didn't check any others) and worked in FF, safari, chrome, opera, and IE 6,7,8.

Collectives™ on Stack Overflow

Javascript/JQuery remove from tabindex

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related