src/js/keydown-nav.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

(function() {
  document.addEventListener('DOMContentLoaded', function(){
    const nav_prev = document.querySelector('.nav-prev');
    const nav_next = document.querySelector('.nav-next');

    // prev links - left arrow key
    document.addEventListener( 'keydown', event => {
      if (nav_prev && event.key === 'ArrowLeft') {
        location.href = nav_prev.getAttribute('href');
      }

      // next links - right arrow key
      if (nav_next && event.key === 'ArrowRight') {
        location.href = nav_next.getAttribute('href');
      }
    });
  });
})();