javascript - 如何停止浏览器的热键？

Question

我正在用 HTML5 开发一个游戏，在我的游戏中你使用空格键进行射击。直到我意识到在较小的屏幕上空格键会滚动到页面底部，隐藏游戏的一部分之前，这工作得很好。如何阻止浏览器的热键使页面向下滚动？或者我怎样才能在人们点击 Canvas 时卡住他们拥有它的滚动。这是游戏的链接:http://73.9.75.150:8886/zn/index.html

关键处理代码:

window.addEventListener("keydown", function(e){
    keys[e.keyCode] = true;
});

window.addEventListener("keyup", function(e){
    keys[e.keyCode] = false;
});

Answer 1

典型的事件监听器调用如下所示:

window.addEventListener("keydown", function (e) {
    // shoot stuff
});

上述回调中的e参数是一个事件对象。它有一个方法调用 preventDefault()顾名思义，这将阻止事件的默认行为发生。

这是你如何使用它:

window.addEventListener("keydown", function (e) {
    if (e.keyCode === Keys.SPACEBAR) { // pseudo-code for key detection

        // shoot stuff
        e.preventDefault();

    }
});

这是一个标准函数，适用于大多数现代浏览器。您可能需要以不同的方式处理一些较旧的浏览器，或者使用一个库来为您处理跨浏览器事件问题。