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

Question

我想禁用几个输入字段的 tab 键。但仅适用于div id="two"和div id="five"的那些。因此，当您按 Tab 键时，您会从字段一到三，到四，然后到六。

<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 中不区分大小写），但该属性是区分大小写的：它.tabIndex带有大写的“I”。在 Firefox 上，它也可以与小写的“i”一起使用，但在 Chrome 上却不行。