osoft/dpad-nav.js

a keyboard(dpad) web page navigation library

dpad-nav

a keyboard(dpad) web page navigation library for jQuery/Zepto.

##Usage

Include dpad-nav.js after having included jQuery or Zepto:

<script src="jquery.js"></script>
<script src="dpad-nav.js"></script>

Make sure

• Elements can gain focus
• Elements are marked with class "focusable"
• Each element has a unique id

  <button id="btn1" class="focusable">Button 1</button>
  <div id="div1" tabindex="-1" class="focusable"></div>

Start dpad-nav

  $(document).on("ready", function() {
    dPadNav.scanFocusables();
    dPadNav.focusDefaultItem(); // Make sure one of the elements has focus
  });