Как сделать чтобы при нажатии клавиши стрелки (вправо) с клавиатуры срабатывал тег a?

    <li><a href="{page-next}" class="next_page testss"></a></li>

Вот код для переключения, он работает если нажимать на него мышкой. Как сделать так, чтобы если нажму кнопку с клавиатуры, я мог бы получить тот же результат, что от клика мышкой?


Ответы (1 шт):

Автор решения: Slavik

Повешать обработчик события keydown и в нем вызвать метод .click() у элемента a.

const a = document.querySelector(".next_page");
window.addEventListener("keydown", function(e) {
    if (e.key == "ArrowRight") {    
        a.click();
    } 
});

Также переход по урлу можно сделать без имитации клика по элементу:

location.href = URL;
→ Ссылка