Javascript 如何将上下箭头键映射为上下翻页键

我拼凑了这段代码，让用户比平时更左/右。它很好用，我希望上/下都一样。如果有人知道，我将非常感谢你的回复！谢谢大家

$(document).keydown(function(e) {
  if (e.keyCode == 37) {
    var leftPos = $('.jcarousel').scrollLeft();
    $(".jcarousel").animate({
      scrollLeft: leftPos - 800
    }, 800);
    return false;
  }
  if (e.keyCode == 39) {
    var leftPos = $('.jcarousel').scrollLeft();
    $(".jcarousel").animate({
      scrollLeft: leftPos + 800
    }, 800);
    return false;
  }
  if (e.keyCode == 40) {
    var topPos = $('.wrapper').scrollTop();
    // DO SOMETHING, BUT WHAT?
    return false;
  }
  if (e.keyCode == 38) {
    // DO SOMETHING, BUT WHAT?
    return false;
  }
});

---

这是最后一块，它按预期的方式运行。（算出了……）

$（文档）.keydown（函数（e）{
如果（e.keyCode==37）{
var leftPos=$（'.jcarousel'）.scrollLeft（）；
$（.jcarousel”）.animate（{scrollLeft:leftPos-1200}，800）；
返回false；
}
如果（e.keyCode==39）{
var leftPos=$（'.jcarousel'）.scrollLeft（）；
$（.jcarousel”）.animate（{scrollLeft:leftPos+1200}，800）；
返回false；
}
如果（e.keyCode==40）{//Down
var topPos=$（window.scrollTop（）；
$（窗口）.animate（{scrollTop:topPos+800}，600）；
$（.jcarousel”）.animate（{scrollLeft:0}，800）；
返回false；
}
如果（e.keyCode==38）{//Up
var topPos=$（window.scrollTop（）；
$（窗口）.animate（{scrollTop:topPos-800}，600）；
$（.jcarousel”）.animate（{scrollLeft:0}，800）；
返回false；
}
});

看看这个线程：。每当有人按下向上箭头时，您可以使用该按钮在向上翻页键上触发模拟的

keydown

事件。将其与

e.preventDefault（）

相结合，以防止同时出现自然向上箭头功能。

<script>
$(document).keydown(function(e){
    if (e.keyCode == 37) { 
         var leftPos = $('.jcarousel').scrollLeft();
         $(".jcarousel").animate({scrollLeft: leftPos - 1200}, 800);
       return false;
    }
     if (e.keyCode == 39) { 
         var leftPos = $('.jcarousel').scrollLeft();
         $(".jcarousel").animate({scrollLeft: leftPos + 1200}, 800);
       return false;
    }
     if (e.keyCode == 40) { //Down
         var topPos = $(window).scrollTop();
     $(window).animate({scrollTop: topPos + 800}, 600);
             $(".jcarousel").animate({scrollLeft: 0}, 800);

       return false;
    }
     if (e.keyCode == 38) { //Up

 var topPos = $(window).scrollTop();
     $(window).animate({scrollTop: topPos - 800}, 600);
             $(".jcarousel").animate({scrollLeft: 0}, 800);

       return false;
    }
});
</script>