add navigation by arrows

This commit is contained in:
Istratov D. S 2015-12-30 18:30:08 +03:00
parent 8a4d744dc1
commit 43eef7637a
2 changed files with 19 additions and 2 deletions

View File

@ -23,6 +23,23 @@ $( document ).ready(function() {
hljs.highlightBlock(block); hljs.highlightBlock(block);
}); });
var KEY_CODES = {
PREVIOUS_KEY: 37,
NEXT_KEY: 39
};
$(document).on('keydown', function (e) {
switch (e.keyCode) {
case KEY_CODES.NEXT_KEY:
e.preventDefault();
window.location.href = $('.nav-chapters.next').attr('href');
break;
case KEY_CODES.PREVIOUS_KEY:
e.preventDefault();
window.location.href = $('.nav-chapters.previous').attr('href');
break;
}
});
// Interesting DOM Elements // Interesting DOM Elements
var html = $("html"); var html = $("html");

View File

@ -84,13 +84,13 @@
</div> </div>
{{#previous}} {{#previous}}
<a href="{{link}}" class="nav-chapters previous"> <a href="{{link}}" class="nav-chapters previous" title="&larr;">
<i class="fa fa-angle-left"></i> <i class="fa fa-angle-left"></i>
</a> </a>
{{/previous}} {{/previous}}
{{#next}} {{#next}}
<a href="{{link}}" class="nav-chapters next"> <a href="{{link}}" class="nav-chapters next" title="&rarr;">
<i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i>
</a> </a>
{{/next}} {{/next}}