jQuery Keyboard Navigation Plugin

The jQuery Keyboard Navigation Plugin provides the capability for elements on a page to be navigated and activated via the keyboard's up, down, right and left arrow keys. jQuery Plugins Repository Home Page

Demo

Use the arrow keys to navigate the grid and return to activate the onclick handler

The positions of the boxes are calculated dynamically and the keyboard controls dynamically determine which box to focus on next based on it's position on the screen.

0:0
0:1
0:2
0:3
0:4
0:5
0:6
0:7
0:8
0:9
1:0
1:1
1:2
1:3
1:4
1:5
1:6
1:7
1:8
1:9
2:0
2:1
2:2
2:3
2:4
2:5
2:6
2:7
2:8
2:9
R:0
R:1
R:2
R:3
R:4
R:5
R:6
R:7
R:8
R:9
  • "Share"
  • Printer-friendly version
  • Send to friend