Choose and select div elements with keyboard arrows and enter keys?

kenbo23

New Member
Is there any way of navigating through a grid of div elements by pressing the arrow keys on the keyboard, and "clicking" the selected div by pressing enter key? I know that I should at least try to make this work somehow but I'm completely clueless as for how to make this happen, and if it's even possible.I'm aware of that the following will be invalid if not using the mouse, so what can I do to show some kind of "focus" on a specific div?\[code\].show:hover{ width:94px; height:94px; border:3px solid black;}.lock{ pointer-events:none;}\[/code\]Any hints of where to start? My game's here: http://jsfiddle.net/94jerdaw/WXEes/
 
Back
Top