add navigation by keyboard using alt + left/right arrows

This commit is contained in:
Istratov D. S 2015-12-30 16:09:48 +03:00
parent 0a0a96808d
commit e9e8b4239e
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) {
if (e.altKey === true) {
switch (e.keyCode) {
case KEY_CODES.NEXT_KEY:
window.location.href = $('.nav-chapters.next').attr('href');
break;
case KEY_CODES.PREV_KEY:
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="Alt + &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="Alt + &rarr;">
<i class="fa fa-angle-right"></i> <i class="fa fa-angle-right"></i>
</a> </a>
{{/next}} {{/next}}