禁用具有特定 Div ID 的输入的 Tab 键答案

【问题标题】：Disable Tab Key For Input With Certain Div ID禁用具有特定 Div ID 的输入的 Tab 键
【发布时间】：2012-09-10 13:56:50
【问题描述】：

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

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

【问题讨论】：

标签： javascript html key input-field

【解决方案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 上却不行。

【讨论】：