1

Javascript (React JS) を使用して、左右の矢印キーをリッスンする必要があるコンポーネントを構築しています。私のコンポーネントは、画像のリストを持つカードです。画像をクリックすると表示されるのですが、左右の矢印キーを押して画像をナビゲートできるようにしたいです。

ネストされた div がたくさんあり、どれに onKeyPress リスナーを割り当てる必要があるかを把握しようとしています。現在、多くの div に割り当てられていますが、イベントが発生していません。

4

1 に答える 1

2

キーボード イベントを発生させるには、ドキュメントに tabIndex を設定する必要があります。次に、リスト コンテナーに onKeyPress を設定することで、これをキャッチできます。ドキュメントにフォーカスを設定できますが、. ComponentDidMount と、おそらく最上位のリスト状態で選択されたセルを追跡し、 isSelected / isFocussed を小道具として渡したいと思うでしょう(複数選択が必要かどうかによって異なります)

于 2014-07-17T09:48:27.517 に答える