javascript - 禁用带有特定 Div ID 的输入的 Tab 键

Question

我想禁用一些输入字段的 Tab 键。但仅限于 div id="two" 和 div id="five" 的。因此，当您按下 Tab 键时，您会从字段 one 转到 three，再到 四个，然后到六个。

<form action="">
  <fieldset>
    <div id="one"><input type="text"/></div>
    <div id="two"><input type="text"/></div>
    <div id="three"><input type="text"/></div>
    <div id="four"><input type="text"/></div>
    <div id="five"><input type="text"/></div>
    <div id="six"><input type="text"/></div>
  </fieldset>
</form>

有人知道可以执行此操作的 Javascript 吗？

Answer 1

参见 http://jsfiddle.net/b9gsT/

您可以使用tabindex 属性:

<form action="">
  <fieldset>
    <div id="one"><input type="text"/></div>
    <div id="two"><input type="text" tabindex="-1"/></div>
    <div id="three"><input type="text"/></div>
    <div id="four"><input type="text"/></div>
    <div id="five"><input type="text" tabindex="-1"/></div>
    <div id="six"><input type="text"/></div>
  </fieldset>
</form>

如果你想用 JavaScript 来做，使用 .tabIndex:

function getEl(id){
  return document.getElementById(id);
}
getEl('two').childNodes[0].tabIndex=getEl('five').childNodes[0].tabIndex=-1;

在这里查看:http://jsfiddle.net/b9gsT/1/

请注意，该属性在 XHTML 中是小写的(在 HTML 中不区分大小写)，但属性是区分大小写的:它是带有大写“I”的 .tabIndex。在 Firefox 上，它也适用于小写的“i”，但在 Chrome 上不起作用。