当我在 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 。请帮忙。谢谢!
最佳答案
使用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();
}
})
关于JavaScript 阻止滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14901273/