JS - преобразовать событие KBD в ссылку нажмите

Question

Еще новичок здесь, пожалуйста, быть нежным :)

У меня есть CSS-lighbox с 3-х звеньев: предыдущее изображение, следующее изображение и выхода. Ссылки таковы:

<a href="#img37" class="prev"><img src="images/prev.png" /></a> 

Тогда у меня есть KBD прослушивания скрипт:

function kbdNav(e) { 
     switch(e.keyCode) { 
      case 37: 
      // activate link "prev" 
       break; 
      case 39: 
      // activate link "next" 
       break; 
      case 27: 
      // activate link "exit" 
       break; 
     } 
    } 

Моя цель в том, что при нажатии стрелки KBD (корпус 37) ссылка @ prev.png активируется , так что изображение лайтбокса переходит к предыдущему изображению. То же самое для остальных 2 случаев.

Какой метод может быть использован для этого?

Answer 1

Сначала выберите анкерные элементы:

var prevLink = document.querySelector('.prev'); 
var nextLink = document.querySelector('.next'); 
var exitLink = document.querySelector('.exit'); 

Затем редактировать слушателя следующим образом:

function kbdNav (e) { 
    switch (e.keyCode) { 
     case 37: 
      prevLink.click(); 
      break; 
     case 39: 
      nextLink.click(); 
      break; 
     case 27: 
      exitLink.click(); 
    } 
} 

Answer 2

Рассмотрим эту тему закрыли. Решение работает, но мой HTML был довольно беспорядочно структурирован.

Я нашел лучшее решение с чистой JS-галереей/лайтбокс.