4

iframe を含むページがあり、iframe にはフォームが含まれています。私の iframe の外に出て、私はより多くのフォームを持っています。

iframe 内の入力要素は tabindex 1、2、3、4 で、iframe の外側のフォーム要素には tabindex 5、6、7、8 を指定しました。

ページにアクセスし、iframe 内の入力フィールド (tabindex 1) に移動してタブを移動すると、2、3、4 に正しくアクセスしますが、何かが発生し (どうやら iframe 全体が選択されているようです)、ブラウザの URL bar が選択され、次に検索ボックスが選択され、次に tabindex 5、6、7、8 の要素のみが選択されます。

どうすればこの動作を克服できますか? 他の問題がなければ、4 から 5 にスキップしたいと思います。

ページと iframe の両方のコンテンツを制御できるので、javascript で解決できますが、ページが異なるドメインにあり、それらを同じドメインに持ってくることができないため、クロスサイトです。

乾杯！

4

1 に答える 1

0

質問の一部に答えるために、iframe 内の body 要素はフォーカス可能な要素です。

ロードされたフレームの本体で tabindex を -1 に設定することで、この影響を防ぐことができます。例えば：

アウター.html:

<body>
 <iframe src="inner.html"></iframe>
 <input />
 <input />
 <input />
 <input />
</body>

inner.html:

<body tabindex="-1">
 <input />
 <input />
 <input />
 <input />
</body>
于 2012-01-01T22:40:48.740 に答える