問題タブ [nextsibling]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 上/下矢印キーをタブ/シフトタブに「マップ」するにはどうすればよいですか?
私の React アプリでは、Tab と Shift Tab の現在の機能を利用したいだけですが、上/下の矢印でも同じことができます。
Reacts の "useRef" と "focus" を使用してこの動作をエミュレートできることはわかっていますが、私のアプリには常に変化する要素が動的にレンダリングされます。
ユーザーの入力に基づいて再帰ツリーを作成する再帰コンポーネントを使用しています。また、子ノードの順序を (複数のフィールドと並べ替え順で) 並べ替えできるようにする予定です。
したがって、前/次の要素がどの「参照」になるかを知る (簡単な) 方法はありません。これにより、「ref.current.focus()」がほとんど使用できなくなります。
しかし、Dom がレンダリングされると、Tab と Shift Tab は思い通りに機能します...
...代わりに上/下矢印キーでこれを実行したいだけです（つまり、上矢印はShift Tabアクションを実行し、下矢印はTabアクションを実行します）。
React アプリで Tab/Shift Tab キーストロークをプログラムで送信する方法はありますか?
または、DOM が構築された後、何らかの方法で前/次の「兄弟」にフォーカスを変更します (つまり、ref.current.nextSibling.focus())?
これらのアプローチのいずれかを機能させることができないようです。