不要为两个玩家玩的工作控件

Question

// methods for key
 setControlsButton(){
    var _this = this;
    window.onkeydown = function(e) {
        if (e.keyCode === 65) {
            _this.x -= _this.velX;
            } else if (e.keyCode === 68) {
            _this.x += _this.velX;
            } else if (e.keyCode === 87) {
            _this.y -= _this.velY;
            } else if (e.keyCode === 83) {
            _this.y += _this.velY;
        }
    }
}

setControlsArrow(){
    var _this = this;
    window.onkeydown = function(e) {
        if (e.keyCode === 37) {
            _this.x -= _this.velX;
            } else if (e.keyCode === 39) {
            _this.x += _this.velX;
            } else if (e.keyCode === 38d) {
            _this.y -= _this.velY;
            } else if (e.keyCode === 40) {
            _this.y += _this.velY;
        }
    }
}

方法调用

player1.draw();
player1.checkBounds();
player1.collisionDetect();
player1.setControlsButton();

player2.draw();
player2.checkBounds();
player2.collisionDetect();
player2.setControlsArrow();
// code

我想控制两个播放器：箭头键和“ wasd”。但是只有最后一个称为方法的作品，即 setControlsarrow（）。请帮助，如何为Vanila JS的两个球员建立控件？

Answer 1

通过使用window.onkeydown，您正在覆盖所有其他键入 window> window对象上的事件侦听器。因此，当您调用第二种方法时，您将删除在第一个方法上设置的侦听器。

您应该使用window.addeventListener（'键down'，function（e）{...}）;而不是。