javascript - 添加箭头键导航到页面中带有变量的站点

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

假设图像被包裹在 anchor 标记中(否则它会如何工作？)，你可以这样做:

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;
}

我们正在寻找适当的图像/导航链接并从其 anchor 容器中获取 URL。