0

a、などの選択可能な要素がたくさんあるWebページがあります。タブを押すと、アクティブな要素が前に選択した要素の次の要素になります。これで問題ありませんが、最後の要素の後、コントロールはブラウザのアドレスバーに移動しますbuttons。input。どうすればこれを防ぐことができますか。

  1. 私は同じものがスタック、jiraなどに彼女を実装しているのを見ました。
  2. 各要素にtabindex（昇順）を指定しようとしましたが、機能しません。

誰かが解決策を持っていますか？共有してください。

4

1 に答える 1

0

tabIndex を使用すると、ページ内の要素にアクセスする順序を定義できますが、ユーザーをページ内に「閉じ込める」ことはできません。

そのためには、フォーカス可能な最後の要素に onblur リスナーを設定し、その際にフォーカスを最初の要素にリセットする必要があります。

しかし、前に述べたように、これはユーザーをページに「閉じ込める」可能性があり、このナビゲーション方法しか使用していない人にとっては、非常に煩わしいかもしれません. (公開ウェブサイトを考慮した警告であり、特別な場合には適用されません。)

于 2013-03-19T09:59:33.630 に答える