javascript - 从 tabindex 中删除 Javascript/JQuery

Question

在 HTML 表单上，我有 INPUT 文本框，后跟一个链接，然后是另一个 INPUT 文本框。我想从 tabindex / tab 顺序中删除链接：

<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>

选项卡顺序是 field1、link1、field2，我希望它是 field1、field2，而 tabindex / order 中根本没有 link1。除了通过tabindex属性重新排序之外，有没有办法完全从标签中删除 link1 ？

Answer 1

您可以使用 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>

您还可以使用 jquery 来执行此操作：

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