javascript - 如何在整个网页上绑定按下空格事件，并在输入框里按空格不会触发？

Question

我想做个电台网站，按下空格播放/暂停

document.onkeydown = function(event){
    if (event.keyCode == "32") {
        if ($(".jp-pause").css('display') == 'none') {
            //如果暂停按钮不显示 未播放
            $(".jp-play").click();
        }else {
            //如果暂停按钮显示 播放中
            $(".jp-pause").click();
        }
    }
}

但是在<input>标签中按空格也会触发