下一个点击键按

我正在做一个画廊，并试图找出如何编程箭头键导航画廊。下一个点击键按

因此，按下左箭头会去到以前的图片网址：

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

按右箭头会去到下一个图像的URL。

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

更新（感谢Haxxed指着我在正确的方向）这是我在哪里，但它不工作。你能明白为什么吗？

$('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"; 
    } 
});

来源

2012-12-07 Alaska Zach

向我们展示一些代码或发布jsFiddle。 – glortho

谢谢大家的意见。他们都帮助。 –

看到这个相关答案：https://stackoverflow.com/a/5597114/380487

你需要监听事件，而不是keypress事件。

来源

2012-12-07 04:31:36 nrabinowitz

基本上你需要使身体标记有一个按键事件（或使用jQuery做一个事件侦听器），然后只检查键码（左箭头是37，右为39），然后使用window.location重定向页面。 All Key Codes

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

来源

2012-12-07 03:13:00 Charles

尝试把脚本在你的脑袋标签，然后修改body使用document。

$(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"; 
    } 

});

来源

2012-12-07 04:05:47

是的，这似乎是合乎逻辑的，但它也不起作用。这里的网站[链接]（http://www.zacharysheldon.com/print/17/Sunset-Light-at-Night） –

嗯，它适用于我。用箭头键没问题... –

下一个点击键按

回答

相关问题