簡體   English   中英

如何將向上和向下箭頭鍵映射到向上和向下鍵

[英]How do I map up and down-arrow keys to page-up and page-down keys

我拼湊了這段代碼,以使用戶比往常更左/右。 它運作良好,我也希望向上/向下都一樣。 如果有人知道,我將不勝感激! 謝謝大家

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

因此,這是按預期方式執行的最后一個塊。 (弄清楚了...)

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

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM