He creado una hoja de cálculo muy básica usando una tabla HTML. Funciona perfectamente, excepto que el usuario debe usar el mouse para hacer clic en cada<td> para editarlo Estoy capturando el evento click con jQuery y mostrando un diálogo para editarlo. Me gustaría que el usuario pueda usar las teclas de flecha para navegar a cada celda, con el fondo CSS de la celda cambiando para indicar el foco, y al hacer clic en la tecla Intro se activará el evento de diálogo jQuery. Estoy usando jQuery 1.9.

Aquí hay unjsfiddle de básicamente lo que tengo.

¿Cómo guarda la celda seleccionada actualmente, de modo que cuando hace clic en una celda con el mouse y luego usa las teclas de flecha, se desplazará desde la celda 'actual'?

Gracias.