JavaScript 阻止滚动

Question

当我在 HTML5 游戏中使用箭头键时，我试图阻止滚动。这是一个迷宫游戏，您可以使用屏幕上的箭头键或按钮进行控制，但每当我按“向上”或“向下”键时，它总是滚动。我正在使用:

document.addEventListener('keydown', function(e){
    if(e.keyCode === 40) {
        down();
    } else if(e.keyCode === 38) {
        up();
    } else if(e.keyCode === 37) {
        leftclick();
    } else if(e.keyCode === 39) {
        rightclick();
    }
})

这可以用 JavaScript 实现吗？我希望它能够用鼠标滚动，但当我使用键盘上的箭头键时则不行。我的游戏地址为http://thomaswd.com/maze 。请帮忙。谢谢!

Answer 1

使用e.preventDefault()阻止正常的关键操作发生。

document.addEventListener('keydown', function(e){
    if(e.keyCode === 40) {
        down();
        e.preventDefault();
    } else if(e.keyCode === 38) {
        up();
        e.preventDefault();
    } else if(e.keyCode === 37) {
        leftclick();
        e.preventDefault();
    } else if(e.keyCode === 39) {
        rightclick();
        e.preventDefault();
    }

})