jQuery Plugin To Navigate Through Elements With Keyboard - Keyboard Navigator

File Size: 3.08 KB
Views Total: 1664
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
jQuery Plugin To Navigate Through Elements With Keyboard - Keyboard Navigator

Keyboard Navigator is a super tiny jQuery plugin which allows keyboard arrows (left, right arrows) and shortcuts ('k' and 'j') to navigate between elements from current scroll position.

How to use it:

1. Add jQuery JavaScript library and the jQuery Keyboard Navigator plugin's script to your webpages.

<script src="//code.jquery.com/jquery-1.12.0.min.js"></script>
<script src="js/jquery.keyboardNavigator.js"></script>

2. Call the function on the target selectors to allow moving up/down between elements from current scroll position.

<h2>Section One</h2>
  ...
<h2>Section Two</h2>
  ...
<h2>Section Three</h2>
  ...
$.keyboardNavigator('h2');

This awesome jQuery plugin is developed by r00ster. For more Advanced Usages, please check the demo page or visit the official website.