打開頁面滾動箭頭關閉？

Question

如果您構建遊戲或交互式網站，並且希望將箭頭鍵用作頁面功能。 （例如屏幕上有東西在移動）

是否可以通過箭頭鍵禁用頁面滾動？

Answer 1

$(document).ready(function() { 
    $(document).keydown(function(Event) { 
     if(Event.which == 38 || Event.which == 40) { 
      Event.preventDefault(); 
      // Do whatever you want 
     } 
    }); 
}); 

Answer 2

$(window).keydown(function(ev){ 
    // check the arrow keycodes here 
    ev.preventDefault(); 
}); 

Answer 3

既然你已經在你的問題標籤的jQuery，我將提供一個jQuery的解決方案。

本質上，您需要捕獲已使用的密鑰，然後在事件上使用preventDefault()方法。這將在按下箭頭鍵時停止瀏覽器的滾動。這裏是展示它的工作一個的jsfiddle：http://jsfiddle.net/KMeGc/

下面是供您參考jQuery代碼：

$(document).keydown(function(e) { 
    var key = e.keyCode; 
    if(key == 37 || key == 38 || key == 39 || key == 40) 
     e.preventDefault(); 

    switch(key) 
    { 
     case 37: 
      // Code to run for left arrow key here... 
      break; 

     case 38: 
      // Code to run for up arrow key here... 
      break; 

     case 39: 
      // Code to run for right arrow key here... 
      break; 

     case 40: 
      // Code to run for down arrow key here... 
      break; 
    }  
});