1

いくつかの入力フィールドのタブキーを無効にしたいのですが。ただし、div id="two"およびdivid="five"の場合のみ。したがって、Tabキーを押すと、フィールド1から3、4、6の順に移動します。

<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を知っている人はいますか？

4

1 に答える 1

4

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では機能しません。

于 2012-09-10T14:00:12.647 に答える