javascript - 防止空格按钮触发 jQuery 中的任何其他按钮单击

Question

我有一个应用程序，我在其中使用空格键在窗口中的任意位置切换功能。但是，如果任何其他按钮或复选框具有焦点，那么它也会被点击。

我试过 preventDefault() 但没有达到预期效果。如何确保在按下空格键时不会点击屏幕上的其他元素？

HTML

<button class="buttons" id="playBtn">PLAY</button>

JS(根据Using prevent default to take over spacebar更新

$(document).keypress(function(event){
    var keycode = (event.keyCode ? event.keyCode : event.which);

    if(keycode == '32') {
        if (event.stopPropagation) {
            event.stopPropagation();
            event.preventDefault();
        }
        playBtn_DOM.click();
    } else if (keycode == '97') {
        event.preventDefault();
        prevBtn_DOM.click();
    } else if (keycode == '100') {
        event.preventDefault();
        nextBtn_DOM.click();
    }
});

关于答案Using prevent default to take over spacebar ，该解决方案无效。我已经更新了 JS 代码以表明我尝试包含那里给出的解决方案。

Answer 1

我也有这个问题，经过一些摆弄后发现它是 keyup 触发按钮点击。我做了一个 fiddle 来证明这一点:https://jsfiddle.net/Beppe/o6gfertu/1/ .它适用于 Firefox 和 Chrome，尽管在后者中按钮的外观会更改为看起来已按下。