我想禁用一些输入字段的 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 吗?
最佳答案
您可以使用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 上不起作用。
关于javascript - 禁用带有特定 Div ID 的输入的 Tab 键,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12353207/