Javascript 下一步单击按键_Javascript_Jquery_Redirect_Keypress

Javascript 下一步单击按键

javascript jquery redirect

Javascript 下一步单击按键,javascript,jquery,redirect,keypress,Javascript,Jquery,Redirect,Keypress,我正在制作一个图库，并试图找出如何编程箭头键来导航图库因此，按下左箭头将转到上一个图像url： function window.location = 'http://www.example.com/prevphoto.php'; 按向右箭头将转到下一个图像url function window.location = 'http://www.example.com/nextphoto.php'; 更新感谢哈克塞德为我指出了正确的方向我现在就在这里，但它不起作用。你知道为什么吗 $('bod

我正在制作一个图库，并试图找出如何编程箭头键来导航图库

因此，按下左箭头将转到上一个图像url：

function window.location = 'http://www.example.com/prevphoto.php';

按向右箭头将转到下一个图像url

function window.location = 'http://www.example.com/nextphoto.php';

更新感谢哈克塞德为我指出了正确的方向我现在就在这里，但它不起作用。你知道为什么吗

$('body').keypress(function (e) {
    if (e.which == 37) {
        // Left Arrow Pushed
        window.location = "/prevphoto.php";
    } else if (e.which == 39) {
        // Right Arrow Pushed
        window.location = "/nextphoto.php";
    }
});

基本上，您需要使body标记具有一个keypress事件，或者使用jquery生成一个事件侦听器，然后只需检查keycodes左箭头是37，右箭头是39，然后使用window.location重定向页面

尝试将脚本放在head标记中，然后修改主体以使用文档

请参阅以下相关答案：

您需要收听的是keydown事件，而不是keypress事件。

请参阅以下相关答案：

您需要监听的是keydown事件，而不是keypress事件。

向我们展示一些代码或发布JSFIDLE。感谢大家的评论。他们都很有帮助。给我们看一些代码或发布一个JSFIDLE。谢谢大家的评论。他们都帮了忙。是的，这似乎合乎逻辑，但也不起作用。这是一个网站是的，看起来很合理，但也不起作用。这里是网站

<head>
    <script>
           function e(event){
            if(event.keyCode == 37){
                //Left Arrow Pushed
                window.location = "../prevphoto.php";
            }else if(event.keyCode == 39){  
                //Right Arrow Pushed     
                window.location = "../nextphoto.php";
            }        
        } 
    </script>
</head>    
<body onKeyPress="e(event)" >

</body>

$(document).keypress(function (e) {

    if (e.which == 37) {
        //Left Arrow Pushed
        window.location = "/prevphoto.php";
    } else if (e.which == 39){ 
        //Right Arrow Pushed     
        window.location = "/nextphoto.php";
    }

});