Javascript 如何使用箭头键在浏览器中重新加载新URl

Facebook和myspace在照片库中都有一个很好的功能，当你进入一个图片页面，页面上有用户的图片和用户评论。你可以按键盘上的左右箭头键，页面将加载到下一页，它的速度非常快，如果你按住键，它将快速浏览许多页面。我知道这主要是通过javascript实现的，我的主要问题是如何让新页面快速加载

---

Im使用PHP/mysql/Javascript

他们实际上并没有加载页面，只是使用了部分页面。 这就是全部——当你按下按钮时，他们正在动态加载图像。你可以在Facebook的“网络”标签上打开一个窗口来观看

如果您喜欢JQuery，页面是一个很好的起点

---

您可以查看一个流行的真实示例的源代码。

您可以捕获用户按下的键，以及左箭头和右箭头的响应。捕获关键点并不那么困难：

$(window).bind("keypress", function(e) {
  var code = (e.keyCode ? e.keyCode : e.which); // which code?
  alert(String.fromCharCode(code)); // which key, according to the code?
});

您可能希望根据自己的喜好修改该代码。如果右箭头是click，则发出请求以

get image.php？direction=next&user=12838203

，如果是back箭头，只需将“next”替换为“prev”

---

例如，当你按下一个键进入相册中的下一张照片时，他们会加载一个新图像、广告和所有应该与新图像一起出现的命令，但他们也会做的一件事是，他们会以某种方式更改URL中的id，而不会重新加载整个页面。感谢您的帮助Facebook更改了

窗口.location.hash

。获取评论可能是服务器答复的一部分。图片和评论。或者你可以单独打电话征求意见。

$("#loading").show(); // fancy ajax loading animation
$.post("get-image.php", {direction:"next",user:12838203}, function(response){
  // hide our ajax loading animation
  $("#loading").hide();
  // if we get a proper response, like a source for a new image back
  $("#image").fadeOut("fast").attr("src", response).fadeIn("fast");
});