Javascript 使用左右箭头导航到rel=next和rel=prev页面

我有一个包含上一页和下一页链接的页面：

<link rel="prev" href="http://camera.phor.net/cameralife/photos/11096&#63;referer=index.php"> 
<link rel="next" href="http://camera.phor.net/cameralife/photos/5679&#63;referer=index.php"> 

如果用户按下左箭头或右箭头，是否可以使用Javascript导航这些链接？如果他们正在编辑文本并且按下了向左或向右箭头，则链接不应激活

这将用于简化查看多个图像页面。

不使用jQuery:

$(document).keydown(function(e){
        if (e.keyCode == 37) {  // left
           $( "a[rel='prev']" ).click();
           return false;
        } else if (e.keyCode == 39) {  // right
           $( "a[rel='next']" ).click();
           return false;
        }
    });

document.onkeyup=功能（e）{//按键
如果（document.activeElement.nodeName==“输入”
||document.activeElement.nodeName==“TEXTAREA”）{
return；//如果对焦则中止输入框
}
var elems=document.getElementsByTagName（“链接”），
链接={}；
对于（var i=0；i

因此，将单击行替换为如下内容：location.href=$（“a[rel='prev']”）prop（“href”）；但是为什么

a

？我猜是问题中的

link

。对不起！：）替换为：$（“link[rel='prev']”）prop（“href”）；

document.onkeyup = function(e) { // key pressed
    if(document.activeElement.nodeName === "INPUT"
    || document.activeElement.nodeName === "TEXTAREA") {
        return; // abort if focusing input box
    }

    var elems = document.getElementsByTagName("link"),
        links = {};

    for(var i = 0; i < elems.length; i++) { // filter link elements
        var elem = elems[i];
        if(elem.rel === "prev") { // add prev to links object
            links.prev = elem;
        } else if(elem.rel === "next") { // ad next to links object
            links.next = elem;
        }
    }

    if(e.keyCode === 37) { // left key
        location.href = links.prev.href;
    } else if(e.keyCode === 39) { // right key
        location.href = links.next.href;
    }
};