インプレース編集（独自の実装）でYUI3データテーブルを使用していますが、質問はインプレース編集を使用するテーブルに関連しているようです。
質問はこれです。ユーザーが入力フィールドからタブで移動すると、タブ オーダーで次のフォーカス可能な要素に移動します。テーブルが次の順序である場合、ヘッダーには並べ替えボタンが含まれているため、ユーザーはヘッダーに移動します。最後のヘッダーが残っている場合、フォーカスはテーブルの後の最初の入力フィールドに移動します。ただし、もちろん、テーブル内のインプレース編集はアクティブ化されません。
テーブルの前の最後の入力の TAB キーを傍受し (入力は特別なクラスでマークされます)、テーブルの最初のセルでインプレース編集をアクティブにし、最後にフォーカスすることで解決することを考えました。
私のアプローチで嫌いなのは、次のことです。
- テーブルの前の最後の入力をマークする必要があります。後でさらに入力が追加された場合は、覚えておく必要があります。
- テーブルの前の最後の入力とテーブルの間のコラボレーションに依存します。
もう 1 つの解決策は、最後の入力を自動的に見つけるために、(tabIndex DOM プロパティを使用して) テーブルに DOM タブ オーダーを探索させることです。しかし、これは複雑すぎるようです。
説明されている欠陥のない、より単純なアプローチはありますか?