Verwenden Sie die Pfeiltasten, um in einer HTML-Tabelle zu navigieren

Ich habe eine sehr einfache Tabelle mit einer HTML-Tabelle erstellt. Es funktioniert einwandfrei, außer dass der Benutzer mit der Maus auf jeden klicken muss<td> um es zu bearbeiten. Ich nehme das Klickereignis mit jQuery auf und zeige ein Dialogfeld zum Bearbeiten an. Ich möchte, dass der Benutzer in der Lage ist, mit den Pfeiltasten zu jeder Zelle zu navigieren. Der CSS-Hintergrund der Zelle ändert sich, um den Fokus anzuzeigen. Durch Klicken auf die Eingabetaste wird das jQuery-Dialogfeldereignis ausgelöst. Ich verwende jQuery 1.9.

Hier ist einjsfiddle von grundsätzlich was ich habe.

Wie speichere ich die aktuell ausgewählte Zelle, so dass beim Klicken mit der Maus und Verwenden der Pfeiltasten von der aktuellen Zelle aus navigiert wird?

Vielen Dank.

Antworten auf die Frage(3)

Ihre Antwort auf die Frage