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

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

1 个答案: