打开页面滚动箭头关闭？

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