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

Add arrow key navigation to site with variable in page

本文关键字：变量 站点 导航 添加      更新时间：2023-09-26

我想添加这个代码，以允许通过一个网站的左和右箭头导航。有没有办法分配这个窗口。位置变量从一个图像链接到该页面上?我正试图使页面上用于页面导航的左右箭头分配给键盘上的左右箭头。

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

假设图像被包裹在锚标记中(否则它将如何工作?)，您可以这样做:

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。

相关文章：