JavaScript 键盘事件未触发

JavaScript Keyboard Event Not Firing

本文关键字:事件 键盘 JavaScript      更新时间:2023-09-26

出于某种非常奇怪的原因,当您按前进,空格键和左键的顺序时。左键不会触发,而是返回空格键。三个键的任何其他组合都可以正常工作,但不是那个。有什么线索吗?

var Ctrl = {
    init: function() {
        window.addEventListener('keydown', this.keyDown, true);
        window.addEventListener('keyup', this.keyUp, true);
    },
    keyDown: function(event) {
        console.log(event.keyCode);
        switch(event.keyCode) {
            case 37: // Left
                Ctrl.left = true;
                break;
            case 39: // Right
                Ctrl.right = true;
                break;
            case 38: // up
                Ctrl.up = true;
                break;
            case 40: // down
                Ctrl.down = true;
                break;
            case 32:
                Ctrl.space = true;
                break;
            default:
                break;
        }
    },
    keyUp: function(event) {
        switch(event.keyCode) {
            case 37: // Left
                Ctrl.left = false;
                break;
            case 39: // Right
                Ctrl.right = false;
                break;
            case 38:
                Ctrl.up = false;
                break;
            case 40:
                Ctrl.down = false;
                break;
            case 32:
                Ctrl.space = false;
                break;
            default:
                break;
        }
    }
};

也许您的某个密钥正在激活不需要的默认行为。可以尝试向事件绑定添加event.preventDefault();

检查 jsFiddle

这取决于键盘的型号。某些键盘不适用于某些组合键。这很正常。