Добавить навигацию клавиш со стрелками на сайт с переменной на странице

Question

Я хотел бы добавить этот код, чтобы разрешить навигацию по сайту с помощью стрелок влево и вправо. Есть ли способ назначить переменную window.location из изображения, связанного на этой странице? Я пытаюсь сделать стрелки влево и вправо на странице, которые используются для навигации по странице, чтобы назначить стрелки влево и вправо на клавиатуре.

img src="leftarrow.png" = previous page
img src="rightarrow.png" = next page

Код для использования: (другой код тоже хорошо)

var browser = navigator.appName;
if (browser == "Microsoft Internet Explorer") {
    document.onkeydown=keydownie;
} else {
    document.onkeydown=keydown;
}
function keydownie(e) {
    if (!e) var e = window.event;
    if (e.keyCode) {
        keycode = e.keyCode;
        if ((keycode == 39) || (keycode == 37)) {
            window.event.keyCode = 0;
        }
    } else {
        keycode = e.which;
    }
    if (keycode == 37) {
        window.location = '!!PREVIOUS_URLHERE!!';
        return false;
    } else if (keycode == 39){
        window.location = '!!NEXT_URLHERE!!';
        return false;
    }
}
function keydown(e) {
    if (e.which) {
        keycode = e.which;
    } else {
        keycode = e.keyCode;
    }
    if (keycode == 37) {
        window.location = '!!PREVIOUS_URLHERE!!';
        return false;
    } else if (keycode == 39) {
        window.location = '!!NEXT_URLHERE!!';
        return false;
    }
}

Answer 1

Предполагая, что изображение обернуто в тег привязки (иначе как это будет работать?), Вы можете сделать что-то вроде этого:

if (keycode == 37) {
    img = document.querySelector("img[src='leftarrow.png']");
    window.location = img.parentElement.href;
    return false;
} else if (keycode == 39) {
    img = document.querySelector("img[src='rightarrow.png']");
    window.location = img.parentElement.href;
    return false;
}

Мы ищем подходящее изображение / навигационную ссылку и получаем URL из его якорного контейнера.