Используйте клавиши со стрелками для навигации по таблице HTML

Я создал очень простую электронную таблицу, используя таблицу HTML. Это работает отлично, за исключением того, что пользователь должен использовать мышь, чтобы нажать на каждый<td> для того, чтобы отредактировать его. Я фиксирую событие click с помощью jQuery и отображаю диалог для его редактирования. Я хотел бы, чтобы пользователь мог использовать клавиши со стрелками для перехода к каждой ячейке, при этом фон ячейки css меняется, чтобы указать фокус, а нажатие клавиши Enter вызовет диалоговое событие jQuery. Я использую jQuery 1.9.

Вотjsfiddle в основном то, что у меня есть.

Как сохранить текущую выбранную ячейку, чтобы при щелчке мышью по ячейке, а затем с помощью клавиш со стрелками она перемещалась из текущей ячейки?

Благодарю.

Ответы на вопрос(3)

Ваш ответ на вопрос