当没有文本输入被聚焦时，检测空格键

Question

我想使用JavaScript来检测空格键何时被按下。我想排除任何输入所关注的所有事件。纯JS可以实现吗？

注意：此问题的要点是排除所有关注输入的事件。

Answer 1

// capture keyboard input
document.onkeypress = function (e) {

    // check for spacebar press
    if (e.keyCode == 32) {

        // check if an input is currently in focus
        if (document.activeElement.nodeName.toLowerCase() != "input") {

            // prevent default spacebar event (scrolling to bottom)
            e.preventDefault();

            // do stuff you want ...
        }
    }
};

要观看空格键焦点的其他元素：

• textarea
• button